/*Service not available popup*/
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(58, 98, 171, 0.95);
    z-index: 9999;
}
.popup-border h2 {
    font-size: 70px;
    font-weight: bold;
    color: #fff;
}
.popup-border {
    margin: auto;
    width: 60%;
}
.popup-body p {
    font-size: 32px;
    color: rgb(216, 204, 47);
}
.smile{transform: rotate(90deg);
    display: inline-block;
    margin-left: 11px;
    color: #fff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
    border: 2px solid #fff;
}


/*Service not available popup end*/
.dezigly-logo {
    text-align: right;}
/*enquiry form style*/
.enquiry {
    width: 35% !important;
}
.bg-head {
    background: #f49400;
    color: #fff;
}
.cls1 {
    color: #fff;
    font-size: 23px;
    opacity: 1;
}
.book1 {
    text-align: center;
}
button.btn.bookbtn {
    background: no-repeat;
    color: #f49400;
    border: 1px solid;
    padding: 8px 22px;
}
.my-in {
    border: 1px solid #f49400;
    height: 40px;
}
label.lbl {
    margin: 0;
    font-size: 17px;
    text-align: left;
}
label.lbl i {
    color: #f49400;
    padding-right: 10px;
}
.modal-content {
    border-bottom: 4px solid #f49400;
}

/*thankyou page style */
.thank-you {
    width: 100%;
    text-align: center;
    margin: 100px auto;
}
.center-div h1 {
    font-size: 80px;
    margin-bottom: 45px;
}
.center-div p {
    font-size: 19px;
}
.bg2 {
    background: #fff;
}
.dezigly-logo a {
    text-decoration: none!important;
}
/*thankyou page style end */
a.partner {
    color: #fff;
    margin-left: 10%;
    text-decoration: none;
}

a.btn.shop {
    background: #3a62ab;
    color: #fff;
    text-transform: capitalize;
    transition: 400ms;
}
.clr{ color:#f69600 !important}

a.btn.shop:hover {
    background: #f69600;
    transition: 400ms;
}
/*shop page*/
.bg{background-color:#fff; padding-top:20px; margin-bottom:20px}
.cart{
    padding: 35px 40px 46px 41px;
    border-radius: 8px;
    background-color: #f5f5f5;
	margin-bottom:30px;}
input.btn {
    border: 1px solid #3a62ab;
}
.col-lg-12.mrg1 {
    padding: 20px;
    border: 1px dotted;
	border-radius: 8px;
	font-size:18px; margin-bottom:30px;
}
.col-lg-12.mrg1:hover {

    border: 1px dotted #f69600 ;
	 transition: 400ms;
}

.col-lg-6.mrg {
    margin-top: 20px;
}
.col-lg-12.my {
    margin-top: 20px;
}

.price{ font-size:20px; color:#f69600;}
h1.heading {
    padding-top: 10px;}
.white {

    padding: 10px;
    color: #000;
    border-bottom: 1px solid #f79600;
}

.product-box.lft {
    margin-left: -15px;
}
.time {
    width: 64%;
    margin-left: 46px;
}


.404_heading h1{
	font-size:27px;
	color:#f69600;
	text-align:center;
	padding:10px;
	letter-spacing:1px;
	line-height:2px;


}
.404_heading p{
	font-size:22px;
	color:#3a26ab;
	text-align:center;

	letter-spacing:1px;
	line-height:2px;


}
/**********************************mystyle.css************************/
.header {
    background-color: #3a62ab;
    color: white;
    padding: 8px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.header_reletive {
    margin-top: 35px;
}
.toll{font-size:17px;}
.button_fix button {
    color: white;
    background: none;
    border: none;
    float: right;
    margin-left: 18px;
    font-size: 16px;
}

#dmca .modal-dialog{width: 70%}
#dmca iframe {
    width: 100%;
    height: 70%;
}
.modal-dialog {
    width: 25%;
    margin-top: 4em;
}

@media (max-width:480px){
.toll{font-size:15px;}
}
/*navigations */
.my-menu{margin-top: 10px;}
.my-menu .navbar-default{background:none; border:none;}
.my-menu .navbar-nav .active a, .my-menu .navbar-nav .active a:hover {background:black; color:white;}
.my-menu .navbar-nav li a:hover{background:BLACK; color:white;}
.my-menu .navbar-nav li a{background-color:black;color:white;}

@media(max-width:768px){
.my-menu .pull-left {float:none !important;}
}
.show-on-hover:hover > ul.dropdown-menu {display: block;}

/*//navigations end*/

/*Fade slide css start*/
.bs-slider{overflow: hidden; max-height: 700px; position: relative; background: #000000;}
.bs-slider:hover {cursor: -moz-grab; cursor: -webkit-grab;}
.bs-slider:active {cursor: -moz-grabbing; cursor: -webkit-grabbing;}
.bs-slider .bs-slider-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40);}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {margin: auto; width: 100% !important;}

/*************************Slide effect**********************/
.fade {opacity: 1;}
.fade .item {top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
.fade .item:first-child {top: auto; position: relative;}
.fade .item.active {opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block;font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal;
background: transparent; -webkit-border-radius: 100px; border-radius: 100px;}
.control-round:hover .carousel-control{opacity: 1;}
.control-round .carousel-control.left {left: 1%;}
.control-round .carousel-control.right {right: 1%;}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent;}
.control-round .carousel-control.left>span:nth-child(1){left: 45%;}
.control-round .carousel-control.right>span:nth-child(1){right: 45%;}
/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{right: 45%;bottom: 3%;left: auto;width: 90%;height: 20px;font-size: 0;overflow-x: auto;   text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
.indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0;
    overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
.indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
.indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent;
    position: relative; -webkit-transition: box-shadow 0.3s ease;-moz-transition: box-shadow 0.3s ease;-o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
.indicators-line > .carousel-indicators .active:before{transform: scale(0.5);background-color: #fff;content:""; position: absolute;
    left:-1px;top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
/*---------- SLIDE CAPTION ----------*/
.slide_style_left {text-align: left !important;}
.slide_style_right {text-align: right !important;}
.slide_style_center {text-align: center !important;}
.slide-text {left: 0; top: 25%; right: 0; margin: auto;padding: 10px;position: absolute; text-align: left;padding: 10px 85px;}
.slide-text > h1 {padding: 0;color: #ffffff;   font-size: 70px;

    font-style: normal;

    line-height: 84px;

    margin-bottom: 30px;

    letter-spacing: 1px;

    display: inline-block;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

}

.slide-text > p {

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 40px;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}

.slide-text > a.btn-default{

    color: #000;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;



}

.my-form-contact{max-width: 600px; margin: 0 auto;}
.my-form-contact h2 {
    font-size: 20px;
}

.my-form-contact label {
    margin-left: 0;
    margin-bottom: 11px;
    background: no-repeat;
}

.slide-text > a.btn-primary{

    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: #00bfff;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}

.slide-text > a:hover,

.slide-text > a:active {

    color: #ffffff;

    background: #222222;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}







/*************************************slider-css******************/



/*

    StyleSheet For Responsive Bootstrap Carousel Effect Ken Burns

    Author: Razboynik

    Author URI: http://filwebs.ru

    Description: Bootstrap Carousel Effect Ken Burns

*/

.kb_control_left,.kb_control_right

{

    top:50%;

    z-index:2;

    opacity:0;

    width:55px;

    height:55px;

    text-align:center;

    -webkit-transition:all ease-in-out .3s;

    transition:all ease-in-out .3s

}

.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right

{

    opacity:.8

}

.kb_icons

{

    line-height:50px;

    font-size:34px!important;

    font-weight:normal!important

}

.kb_control_left

{

    left:1%!important

}

.kb_control_right

{

    right:1%!important

}

.kb_elastic

{

    opacity:1;

    -webkit-transform:scale3d(1,1,1);

    transform:scale3d(1,1,1)

}

.kb_elastic .item

{

    top:0;

    z-index:1;

    opacity:0;

    width:100%;

    position:absolute;

    left:0!important;

    display:block!important;

    -webkit-transform:scale3d(2,1,2);

    transform:scale3d(2,1,2);

    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;

    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s

}

.kb_elastic .item:first-child

{

    top:auto;

    position:relative

}

.kb_elastic .item.active

{

    opacity:1;

    z-index:2;

    -webkit-transform:scale3d(1,1,1);

    transform:scale3d(1,1,1);

    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;

    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s

}

.kb_wrapper{overflow:hidden;}

.kb_wrapper>.carousel-inner>.item>img,.kb_wrapper>.carousel-inner>.item>a>img

{

    margin:auto;

    opacity:.8;

    width:100%!important;

    -webkit-transform-origin:100% 0;

    -moz-transform-origin:100% 0;

    -ms-transform-origin:100% 0;

    -o-transform-origin:100% 0;

    transform-origin:100% 0;

    -webkit-animation:immortalkenburns 20000ms linear 0s infinite alternate;

    animation:immortalkenburns 20000ms linear 0s infinite alternate

}

    @-webkit-keyframes immortalkenburns

{

    0%

{

    -webkit-transform:scale(1);

    -webkit-transition:-webkit-transform 20000ms linear 0s

}

    100%

{

    -webkit-transform:scale(1.2);

    -webkit-transition:-webkit-transform 20000ms linear 0s

}



}

    @-moz-keyframes immortalkenburns

{

    0%

{

    -moz-transform:scale(1);

    -moz-transition:-moz-transform 20000ms linear 0s

}

    100%

{

    -moz-transform:scale(1.2);

    -moz-transition:-moz-transform 20000ms linear 0s

}



}

    @-ms-keyframes immortalkenburns

{

    0%

{

    -ms-transform:scale(1);

    -ms-transition:-ms-transform 20000ms linear 0s

}

    100%

{

    -ms-transform:scale(1.2);

    -ms-transition:-ms-transform 20000ms linear 0s

}



}

    @-o-keyframes immortalkenburns

{

    0%

{

    -o-transform:scale(1);

    -o-transition:-o-transform 20000ms linear 0s

}

    100%

{

    -o-transform:scale(1.2);

    -o-transition:-o-transform 20000ms linear 0s

}



}

    @keyframes immortalkenburns

{

    0%

{

    transform:scale(1);

    transition:transform 20000ms linear 0s

}

    100%

{

    transform:scale(1.2);

    transition:transform 20000ms linear 0s

}



}

/* .kb_caption

{

    left:10%;

    width:40%;

    bottom:60%;

    text-align:left;

} */

/* .kb_caption_right

{

    left:50%

} */

.kb_caption_center

{

    float:none;

    margin:auto

}

.kb_caption h1

{

    font-size:45px;

    font-weight:600;

    text-align: left;



    padding:5px 0 5px 15px;

    -webkit-animation-delay:1s;

    animation-delay:1s

}

.kb_caption h2

{

    font-size:22px;

    text-align: center;

    text-shadow:none;

    padding-left:15px;

    font-weight:normal;

    -webkit-animation-delay:1.5s;

    animation-delay:1.5s

}

@media only screen and (max-width:480px){

.kb_control_left,.kb_control_right{border:0}

.kb_icons{font-size:18px!important}
.modal-dialog.enquiry {
    width: 86% !important;
    margin: 100px auto;
}

/* .kb_caption

{

    left:0;

    width:100%;

    bottom:25%;

    text-align:center

} */





}

@media(min-width:481px) and (max-width:600px){

.kb_control_left,.kb_control_right{border:0}

.kb_caption{left:0; width:100%; bottom:25%; text-align:center}

}

@media(min-width:601px) and (max-width:767px){
.kb_caption{left:0; width:100%; bottom:25%; text-align:center}
.modal-dialog.enquiry {
    width: 86% !important;
    margin: 100px auto;
}

}

@media(min-width:768px) and (max-width:991px){

.kb_caption{bottom:25%}

}

@media(min-width:992px) and (max-width:1199px){

.kb_caption{bottom:30%}
}

.kb_wrapper

{

    background:#000

}

.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus

{

    color:#000;

    border:2px solid #fff;

    background:#fff !important

}

.kb_caption h1

{

    color: #fff;

    text-align: center;



}

.kb_caption h2

{

    color:#fff;

    text-shadow: 1px 1px 1px #000;

    background: rgba(0, 0, 0, 0.48);

    padding: 10px 0;

}

    @media(max-width:600px)

{





}



/****************************************end-slider-css***********/









/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/



@media (max-width: 991px) {

    .slide-text h1 {

        font-size: 40px;

        line-height: 50px;

        margin-bottom: 20px;

    }

    .slide-text > p {



        font-size: 18px;

    }

}





/*---------- MEDIA 480px ----------*/

@media  (max-width: 768px) {

    .slide-text {

        padding: 10px 50px;

    }

    .slide-text h1 {

        font-size: 30px;

        line-height: 40px;

        margin-bottom: 10px;

    }

    .slide-text > p {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;

    }

    .control-round .carousel-control{

        display: none;

    }



}

@media  (max-width: 480px) {

    .slide-text {

        padding: 10px 30px;

    }

    .slide-text h1 {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 5px;

    }

    .slide-text > p {

        font-size: 12px;

        line-height: 18px;

        margin-bottom: 10px;

    }

    .slide-text > a.btn-default,

    .slide-text > a.btn-primary {

        font-size: 10px;

        line-height: 10px;

        margin-right: 10px;

        text-align: center;

        padding: 10px 15px;

    }

    .indicators-line > .carousel-indicators{

        display: none;

    }



}

/*fade slider css ends*/







.pad-top-30

{

padding-top:30px;

}



.or

{

color:#F69600;

}

.blu

{

color:#3A62AB;

}

.blck

{

color:black;

}

.wt

{

color:white;

}

.gr

{

color:#A8A8A8;

}

.font-30

{

    font-size:30px;

}

.font-bold

{

    font-weight:bold;

}



.blk

{

    background-color:black;

    color:white;

    font-weight:bold;

    font-size:14px;

        margin-left: -15px;

    margin-right: -15px;

    padding:12px;

    text-align:center;

}



.blk:hover

{

    text-decoration:none;

}



h2.blk_head

{

    padding-top:30px;

    color:white;

    font-weight:bold;

    font-size:20px;

}









/*Navigation css start*/





.dropbtn {



    color: black;

    padding: 16px;

    font-size: 14px;

    border: none;

    cursor: pointer;

}



.dropdown {

    position: relative;

    display:block;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: black;



    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1000;

}



.dropdown-content a {

    color:white;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.dropdown-content a:hover {color:white;

}



.dropdown:hover .dropdown-content {

    display: block;

}



.dropdown:hover .dropbtn {

    background-color: black;

    color:white;

}

.bg-img1 {

    background: url(../images/ivaid-surveillance-services-collage-1.jpg) no-repeat 0px 0px;

    background-size: cover;

    padding: 100px 0;

}

.p-font-18 {
    padding: 20px 0;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    line-height: 36px;
    background: #9c9c9c;
}


.head2

{

    font-size:21px;

    text-align:center;

    color:white;

    font-style:italic;

    padding-top:10px;

}

.head_service

{

    font-size:15px;

    color:grey;





}

.browse_img

{



}

.font-15

{

    font-size:15px;

}



.pr_head

{

    font-size:15px;

    text-align:center;

    font-weight:bold;



}



.pr_price

{

    font-size:19px;

    text-align:center;

    font-weight:bold;

    color:#888888;

    }

    .b1

    {

        background-color:#F69600;

        color:white;

        font-weight:bold;



    }

    .txt_pr:hover

    {

    background-color:#F69600;



    }





    .txt_pr:hover .pr_head

    {

    color:white;



    }

    .txt_pr:hover .pr_price

    {

    color:white;



    }



    .txt_pr:hover .b1

    {

    background-color:#5F4446;

    color:white;



    }


/*
.bg-img2 {

    position: relative;

    padding: 30px 0 100px;

} */

.bg-img2 {
    position: relative;
    padding: 0;
}
.Requirements {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}





/*-------------------------------*/

/*      Code snippet by          */

/*      @maridlcrmn              */

/*-------------------------------*/









.quote {

    color: rgba(0,0,0,.1);

    text-align: center;

    margin-bottom: 30px;

}



/*-------------------------------*/

/*    Carousel Fade Transition   */

/*-------------------------------*/



#fade-quote-carousel.carousel {

  padding-bottom: 16px;

}

#fade-quote-carousel.carousel .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-inner .active {

  opacity: 1;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-indicators {

  bottom: -10px;

}

#fade-quote-carousel.carousel .carousel-indicators > li {

  background-color: #F69600;

  border: none;

}

#fade-quote-carousel blockquote {

    text-align: center;

    border: none;

}





blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {

    font-size: 14px;

    line-height: 20px;

    color: #606060;

    font-style: italic;

}



/* .pad-30

{

    padding:30px;

} */



/* .footer_logo img {

    width: 200px;

} */



.footer

{

    background-color: #3d3939;

    padding: 50px 0;

    float: left;

    width: 100%;

}



.brs_list a

{

    text-decoration:none;

    color:white;

}

.brs_list ul li

{

    text-decoration:none;

}



ul, ol {

    margin-top: 0;

    margin-bottom: 10px;

    margin: 0px;



    text-decoration: :none;

    line-height: 29px;

}

.copy_right

{

    text-align:center;

    color:lightgrey;

}







/*contact CSS starts*/



.bg-img_cntct {

    background: url(../images/4.jpg) no-repeat 0px 0px;

    background-size: cover;

    height:35%;



}



.p-font-18_contact

{



    padding-top:22px;

    color:white;

    font-weight:900;

    text-align:center;

}

.head2_contact

{

font-size:17px;



    color:white;

    font-style:italic;

    padding-top:10px;

}



.img_cntc

{

    padding-top:40px;



}



.contact_bg

{

    background: url(../images/Contact_banner.jpg) no-repeat 0px 0px;





}



.no-margin {

    margin: 0;

    padding: 0;

}



.m-border-bottom{ border-bottom:solid 1px #0099cc;}



.msg_cntct

{

    text-align:center;

    font-size:20px;

    font-weight:bold;

}









/*nav-tabs on index*/





/* USER PROFILE PAGE */

 .card {

    margin-top: 20px;

    padding: 30px;

    background-color: rgba(214, 224, 226, 0.2);

    -webkit-border-top-left-radius:5px;

    -moz-border-top-left-radius:5px;

    border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -moz-border-top-right-radius:5px;

    border-top-right-radius:5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.card.hovercard {

    position: relative;

    padding-top: 0;

    overflow: hidden;

    text-align: center;

    background-color: #fff;

    background-color: rgba(255, 255, 255, 1);

}

.card.hovercard .card-background {

    height: 130px;

}

.card-background img {

    -webkit-filter: blur(25px);

    -moz-filter: blur(25px);

    -o-filter: blur(25px);

    -ms-filter: blur(25px);

    filter: blur(25px);

    margin-left: -100px;

    margin-top: -200px;

    min-width: 130%;

}

.card.hovercard .useravatar {

    position: absolute;

    top: 15px;

    left: 0;

    right: 0;

}

.card.hovercard .useravatar img {

    width: 100px;

    height: 100px;

    max-width: 100px;

    max-height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid rgba(255, 255, 255, 0.5);

}

.card.hovercard .card-info {

    position: absolute;

    bottom: 14px;

    left: 0;

    right: 0;

}

.card.hovercard .card-info .card-title {

    padding:0 5px;

    font-size: 20px;

    line-height: 1;

    color: #262626;

    background-color: rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.card.hovercard .card-info {

    overflow: hidden;

    font-size: 12px;

    line-height: 20px;

    color: #737373;

    text-overflow: ellipsis;

}

.card.hovercard .bottom {

    padding: 0 20px;

    margin-bottom: 17px;

}

.btn-pref .btn {

    -webkit-border-radius:0 !important;

}



.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {

    border-radius: 0;

    BORDER: NONE;

}



.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {

    border-top-left-radius: 0;

    BORDER: NONE;

    border-bottom-left-radius: 0;

}



.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {

    border-top-right-radius: 0;

    BORDER: NONE;

    border-bottom-right-radius: 0;

}

.nav-btn

{

    background-color:#F69600;

    color:white;

}





.nav-btn2 active

{

    background-color:red;

    color:white;

}







/*navigation dropdown hover*/





.serv  {



}



.serv_line

{

    width:70px;

}



.pad-top-50

{

    padding-top:50px;

}



.offer2{

    border:1px solid grey;

    width: 30.333333%;

    margin-left: 35px;

}



@media(max-width:1024px){

    .offer{

        width:60%;



    }







}



@media(max-width:320px){

    .offer{

        width:100%;



    }







}



@media(max-width:320px){

    .offer2{

        width: 100%;

margin-left: 0px;





    }







}





@media(max-width:414px){

    .offer{

        width:100%;



    }







}



@media(max-width:414px){

    .offer2{

        width: 100%;

margin-left: 0px;





    }







}





.p-font-18-head

{   text-align:center;

    font-size: 30px;

    color: #f9f2f2;

    font-weight:600;

}

/*********************************end-mystyle.css********************/


body{background-color: #eff3f6;}



/* @font-face{font-family: roboto; src:url('../fonts/roboto.ttf');} */

/* *{font-family: roboto; src:url('../fonts/roboto.ttf');} */


#particle-canvas {

  width: 100%;

  height: 100%;

}



nav.my_navbar_menu {float: right; /* position: relative; */ width: 100%;}





.my_navbar_menu ul {

    padding: 0;

    margin: 0;

    float: right;

}



.my_navbar_menu ul li {

    float: left;

    list-style: none;

    line-height: 70px;
}



.my_navbar_menu ul li:hover {

    background: #fff;

}



.my_navbar_menu ul li a {

    display: block;

    padding: 5px 10px;

    color: #606060;

    font-size: 15px;
    text-decoration: none;

}



/* .logo_div a img {

    width: 100%;

} */



.my_navbar_menu ul li a:hover{text-decoration: none;}



.my_navbar_menu ul li ul {

    display: none;

    background: #fff;

    position: absolute;

    z-index: 1;

    width: 100%;
    left: 0;
    right: 0;
    padding: 15px 0 10px;

}



/* .my_navbar_menu ul li:hover ul {

    display: block;

} */

/* li.product_dropdown:hover ul {
    display: block;
} */

/* li.brand_dropdown:hover ul {
    display: block;
} */

/* li.solution_dropdown:hover ul{display: block;}

li.service_dropdown:hover ul{display: block;} */



.my_navbar_menu ul li ul li {
    line-height: inherit;
    text-align: center;

    margin: 0 5px 15px 10px;

}

/* .my_navbar_menu ul li ul li img {
    width: 100%;
} */

.my_navbar_menu ul li ul li a span {
    display: block;
    font-weight: 600;
    color: #3a62ab;
}

.my_navbar_menu ul li ul li:hover{background-color: #eff3f6;}



.my_navbar_menu ul li ul li.corporate_solution_dropdown ul.corporate_solution {display: none; position: absolute;

    left: 100%;

    top: 0;}

.my_navbar_menu ul li ul li.corporate_solution_dropdown:hover ul.corporate_solution {display: block;}

.my_navbar_menu ul li ul li a {padding: 15px 5px;font-size: 13px; border: 1px solid #ccc;}

.my_navbar_menu ul li ul li.corporate_solution_dropdown {position: relative;}

.triger_for_mobile span {

    display: block;

    background: #f59817;

    width: 25px;

    height: 2px;

    margin: 0 2px 5px 2px;

}

li.brand_dropdown li {
    width: 23.6%;
}

li.brand_dropdown li a img {
    width: 30%;
}

li.service_dropdown li {
    width: 18.6%;
}



.triger_for_mobile {

    padding: 7px 5px 3px 5px;

    position: absolute;

    right: 0;

    top: -50px;

    border-radius: 4px;

    background: none;

    border: 1px solid #f3ad00;

}



.security_threats {

    margin-bottom: 25px;

}



.col_box {

    float: left;

    margin: 10px 0;

}



.cctv_system {

    padding: 15px 10px 10px;

    text-align: center;

    transition: 400ms;

    color: #606060;

    min-height: 220px;

}

.security_threats h3 {

    color: #f69600;

    text-align: center;

}



.security_threats h4 {

    color: #606060;

    text-align: center;

}



.security_threats p {

   color: #606060;

    text-align: center;

}



.degree_coverage span {

    display: block;

    text-align: center;

    margin-bottom: 10px;

    color: #f49400;

    font-weight: 900;

}



.degree_coverage h3 {

    color: #606060;

    text-align: center;

}



.degree_coverage p {

    color: #606060;

}



.degree_coverage a: {

    padding: 10px;

    background: #f49400;

    color: #fff;

    margin-top: 10px;

    display: inline-block;

    position: absolute;

    z-index: 1;

}



.degree_coverage a:hover{text-decoration: none;}



.display_flex {

    display: flex;

    align-items: center;

    padding: 70px 0;
    float: left;
    width: 100%;

}





.cctv_system img {

    background: #eff3f6;

    padding: 10px;

    border-radius: 100%;

    transition: 400ms;

}



/* .cctv_system:hover img {

    transform: translate(0,-40px);

    transition: 400ms;

} */



.p-font-18 span {
    color: #3a62ab;
}



.abc h4{color: #f69600;}



.brs_list h4{color: #f69600;}



.abc li {

    list-style: none;

}



.abc li a {

    color: #fff;

}



.abc li a:hover{text-decoration: none;}



.abc li a i {

    width: 25px;

}



.footer_copy p {
    text-align: center;
    padding: 17px 0 0px;
    color: #fff;
    font-size: 12px;
}

.bdr-top {
    border-top: 1px solid #fff;
    padding-top: 10px;
}

.footer_copy {
    /* background: #3d3939; */
    float: left;
    width: 100%;
    padding-top: 12px;
	text-align: center;
}
.partner-logo img {
    width: 150px;
}
.dezigly-logo img {
    width: 94px;
    margin-left: 10px;
}


.address ul li {

    list-style: none;

}



.address ul li a{color: #fff;}



.address ul li i {

    font-size: 13px;

    margin-right: 17px;

    width: 5px;

}



.brs_list li {

    list-style: none;

}



.btn-pref{margin-top: 20px;}



.social a{color: #fff; font-size: 16px;}

.social a:hover{text-decoration: none;}

.toll a {
    color: #fff;
    padding-left: 10px;
}

.toll a:hover{text-decoration: none;}



.social{float: right;}



/*.toll i{font-size: 14px;}*/

/* .address_contact{color: #000;} */

.address_contact ul li{list-style: none;}

button.btn {

    margin-bottom: 20px;

}



.carousel-control{font-size: 40px; color: #f69600; opacity: 1;}

.well-none{margin-bottom: 25px;}

.carousel-control.right{background-image: none;}

.carousel-control.left{background-image: none;}

/* .carousel-control i {top: 50%; position: absolute;} */

.brand_heading {text-align: center; color: #f69600; margin-bottom: 25px; font-size: 24px;}

.product_heading {color: #3a62ab;}

.carousel-control:focus, .carousel-control:hover{color: #f69600 !important;}

p.remote_head {margin-top: 0 !important;}

p.remote_head_2 {margin-top: 0 !important;}

h3.residential {color: #f69600; text-transform: capitalize;}

.brand_details {text-align: center;}

.brand_details h3 {color: #f69600;}

.Brands a {display: block;}

.Why_we_are_best_Expertise {

    margin-top: 115px;

}

.Why_we_are_best_Expertise h1 {color: #f69600;font-size: 24px;}

.solution_heading {color: #f69600;text-align: center;}

.cctv_img {border-right: 1px solid #ccc; text-align: center;}

.biometric_machine {text-align: center;}

.solution_box {margin-top: 140px;}

.service_img {text-align: center; margin-bottom: 20px;}

.carousel-control.right{right: -100px;}

.carousel-control.left{left: -125px;}

.partner_bg{

    margin-top: 50px;

    background: url(../images/our-services-bg.jpg)no-repeat;

    background-attachment: fixed;

    padding-top: 30px;

    padding-bottom: 30px;

}



.fire_alarm_bg{

    margin-top: 50px;

    background: url(../images/fire-alarm-bg.jpg)no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 30px;

    padding-bottom: 30px;

}



.burglar_bg{

    margin-top: 50px;

    background: url(../images/burglar-bg.jpg)no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 30px;

    padding-bottom: 30px;

}



.door_phone_bg{

    margin-top: 50px;

    background: url(../images/video-door-phone.jpg)no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 30px;

    padding-bottom: 30px;

}



.dvr_bg{

    margin-top: 50px;

    background: url(../images/dvr-bg.jpg)no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 30px;

    padding-bottom: 30px;

}



.biometric_bg{

    margin-top: 50px;

    background: url(../images/biometric-bg.jpg)no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 30px;

    padding-bottom: 30px;

}



.public_bg{

    margin-top: 50px;

    background: url(../images/public-adres-bg.jpg)no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding-top: 30px;

    padding-bottom: 30px;

}



.partner_ul h4 {

    text-align: center;

    text-transform: capitalize;

    margin-bottom: 25px;

    font-size: 24px;

    color: #f69600;

}



.partner_ul h4 span{color: #f69600; margin-left: 10px; font-size: 40px;}

.fontstyle{color: #f69600;}

.polici h4 {

    color: #f69600;

}

.polici p {

    color: #9c9c9c;

    text-align: justify;

}

.polici_ul {

    margin-top: 45px;

    margin-bottom: 25px;

}

.polici_ul ul h4 {

    margin-bottom: 0;

}

.polici_ul ul li {

    color: #9c9c9c;

}



/*****************************inner-pages-css*************************/

.corporate_banner {

    background: url(../images/corporate-solution.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.services_banner {

    background: url(../images/services-banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.residential_banner {

    background: url(../images/residential-banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.home_security_banner {

    background: url(../images/home-Security.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.audit_banner {

    background: url(../images/site-security-audit.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.maintenance_banner {

    background: url(../images/services_maintenance.jpg) no-repeat 0px -50px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.cctv_installation_banner {

    background: url(../images/cctv_installation.jpg) no-repeat 0px -2px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.solution_banner {

    background: url(../images/solutions_banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.essl_banner {

    background: url(../images/essl_banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.biomax_banner {

    background: url(../images/Biomax_banner_2.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.brand_banner {

    background: url(../images/brand-banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.brand_banner {

    background: url(../images/product-banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.Realtime_banner {

    background: url(../images/RealTime_banner_2.jpg) no-repeat 0px -8px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.remote_banner {

    background: url(../images/remote-monitoring.jpg) no-repeat 0px -95px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.dhaua_banner {

    background: url(../images/dahua_brand.jpg) no-repeat 0px -6px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.hikvision_banner {

    background: url(../images/hikvision_banner.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.tvt_banner {

    background: url(../images/tvt_banner.jpg) no-repeat 0px -40px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.cp_plus_banner {

    background: url(../images/cp-plus-banner.jpg) no-repeat 0px -1px;

    background-size: cover !important;

    margin-bottom: 20px;
	height:350px

}



.alba_banner{

    background: url(../images/video-door.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.about_banner {

    background: url(../images/about-us.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.career_banner {

    background: url(../images/career.jpg);

    background-size: cover !important;

    margin-bottom: 20px;

}

.banking_banner {

    background: url(../images/Banner-image.jpg) no-repeat 0px -75px;

    background-size: cover !important;

    margin-bottom: 20px;

}



.education_banner{background: url(../images/whyhk-world-class-education.jpg) no-repeat 0px 0px;

background-size: cover;

margin-bottom: 20px;

background-position: 100% 25%;

}



.hospitality_banner{background: url(../images/hospitality1.jpg) no-repeat 0px -150px;

background-size: cover;

margin-bottom: 20px;

}



.real_estate_banner{background: url(../images/real-state.jpg) no-repeat 0px -150px;

background-size: cover;

margin-bottom: 20px;

}



.retail_banner{background: url(../images/retail.jpg) no-repeat 0px -240px;

background-size: cover;

margin-bottom: 20px;

}



.transport_banner{background: url(../images/transport_banner.jpg) no-repeat 0px 0px;

background-size: cover;

margin-bottom: 20px;

}





.banner_heading h2 {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    color: #000;

    padding: 100px 0;

    margin: 0;

}

.remote_banner .banner_heading h2 {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    color: #fff;

    padding: 100px 0;

    margin: 0;

}





.left_col_1{/* background: url(../images/ATM-CCTV-Surveillance.jpg) no-repeat;  background-size: cover; margin: 25px 0 20px 0; */ background: #f69600; padding: 20px 15px; width: 60%; float: right; text-align: center; margin-top: 25px;}



.left_col_2{/* background: url(../images/bank.jpg) no-repeat;  background-size: cover; margin: 0 0 20px 0; */ background: #3a62ab; padding: 30px 15px; width: 60%; float: right; text-align: center;}



.left_col_3{/* background: url(../images/locker.jpg) no-repeat;  background-size: cover; */ background: #f69600; padding: 30px 15px; width: 60%; float: right; text-align: center;}



.left_col_1 h3 {margin-top: 0; color: #fff; font-size: 18px; font-weight: 600;}



.left_col_1 p{color: #fff; text-align: justify;}



.left_col_2 h3 {margin-top: 0; color: #fff; font-size: 18px; font-weight: 600;}



.left_col_2 p{color: #fff; text-align: justify;}



.left_col_3 h3 {margin-top: 0; color: #fff; font-size: 18px; font-weight: 600;}



.left_col_3 p{color: #fff; text-align: justify;}



.left_col_1 img {margin-bottom: 12px;}

.left_col_2 img {margin-bottom: 12px;}

.left_col_3 img {margin-bottom: 12px;}



.block_1 {text-align: center;}

.nav-tabs{border-bottom: none; display: flex; justify-content: center; margin-top: 25px; margin-bottom: 25px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

    border: none;

    background: #f69600;

    color: #fff;

}

.nav>li>a:focus, .nav>li>a:hover{background-color: inherit; border: none;}

.nav-tabs>li>a{border: none;}



.banking_security h2 {text-align: center; margin-bottom: 20px;}

.banking_security p {

    text-align: center;

}



.nav-tabs>li.active>a:after {

    content: '';

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #f69600;

    position: absolute;

    bottom: -10px;

    left: 50%;

    margin-left: -10px;

}



h1.tab_heading {

    text-align: center;

    text-transform: capitalize;

    font-weight: 600;

    margin-top: 125px;

}



.Surveillance_Solutions {

    background: #f69600;

    padding: 100px 0 130px;

}



.Surveillance_Solutions h3 {

    margin: 20px 0;

    font-weight: 600;

    color: #fff;

    text-align: center;

    margin-top: 0;

}



.Surveillance_Solutions p {

    padding: 0 50px;

    text-align: justify;

    color: #fff;

    font-size: 17px;

}



.banking_security {

    margin-bottom: 60px;

}



.pad-right-0 {

    padding-right: 0;

}



.pad-left-0 {

    padding-left: 0;

}



.Finance_sector {

    background: url(../images/solutions-we-offer-hover-bg.png)no-repeat;

    background-size: cover;

    padding: 90px 0 177px;

}



.education_sector{

    background: url(../images/education-banner-bg.png)no-repeat;

    background-size: cover;

    padding: 90px 0 73px;



}



.hospitality_sector{

    background: url(../images/hospitality.jpg)no-repeat;

    background-size: cover;

    padding: 90px 0 49px;

}



.real_sector{

    background: url(../images/reail-state.jpg)no-repeat;

    background-size: cover;

    padding: 90px 0 49px;

}



.retail_sector{

    background: url(../images/retail.jpg)no-repeat;

    background-size: cover;

    padding: 90px 0 89px;

}



.Transport_sector{

    background: url(../images/transport.jpg)no-repeat;

    background-size: cover;

    padding: 90px 0 49px;

}



.corporate_sector{

    background: url(../images/corporate.jpg)no-repeat;

    background-size: cover;

    padding: 90px 0 49px;

}



.Why_we_are_best2 h1 {

    color: #f69600;

    text-transform: uppercase;

    font-size: 28px;

}



.corporate_sector ul {

    padding-left: 150px;

}



.corporate_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.corporate_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}



.Finance_sector ul {

    padding-left: 150px;

}



.hospitality_sector ul {

    padding-left: 150px;

}



.education_sector ul {

    padding-left: 150px;

}



.real_sector ul {

    padding-left: 150px;

}



.retail_sector ul {

    padding-left: 150px;

}



.Transport_sector ul {

    padding-left: 150px;

}



.Finance_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.education_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.hospitality_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.Transport_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.retail_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.real_sector h4 {

    margin: 20px 0;

    font-weight: 600;

    text-align: center;

    color: #fff;

}



.Finance_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}

.education_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}

.hospitality_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}

.real_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}

.retail_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}

.Transport_sector ul li {line-height: 40px; color: #fff; font-size: 16px;}



.iVaid {

    margin-top: 20px;

    float: left;

}



.banking_security h2 {color: #f69600;}

h1.tab_heading {color: #f69600;}



.video_col {

    border: 1px solid #ccc;

}



.portfolio h1 {

    text-align: center;

    color: #f69600;

    margin-top: 60px;

    margin-bottom: 20px;

    font-size: 28px;

}



.hover_div {

    float: left;

    width: 25%;

    position: relative;

    margin: 0 140px 15px 0;

}



.hover_div:nth-child(3n+0) {

    margin-right: 0;

}



.hover_div img {

    width: 100%;

}



.hover_div:hover .hover_content {

    transform: scale(1,1);

    transition: 300ms;

}



.hover_content {

    transform: scale(0,0);

    transition: 300ms;

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    background: #f69600;

}



.flex_content {

    width: 100%;

    height: 200px;

    position: absolute;

    top: 20%;

}



.flex_content p {

    padding: 0 15px;

    color: #fff;

    text-align: center;

    font-weight: 300;

}



.flex_content span {

    font-size: 45px;

    color: #fff;

    width: 100%;

    text-align: center;

}



.flex_content h5 {

    text-align: center;

    color: #fff;

    font-weight: 600;

    font-size: 16px;

}



.font_size24{color: #f69600; font-size: 24px;}



.corporate h1 {color: #f69600; font-size: 28px; text-align: center; margin-bottom: 20px;}



/* .service_img img{width: 100%;} */

.Why_we_are_best h1 {color: #f69908; margin-top: 50px; font-size: 24px;}

.Why_we_are_best h3 {margin-top: 160px;text-align: center;}

.services_page {background-color: #eff3f6;}

.provide_services {background-color: #fff;margin: 0 0 30px; transition: 400ms; min-height: 300px;}

.provide_services:hover {box-shadow: 0px 15px 20px 5px #ccc;transition: 400ms;}

.provide_content {text-align: center; transition: 300ms; padding: 10px 20px;}

.provide_services:hover .provide_content {transform: translateY(-45px);transition: 300ms;}

.provide_services:hover .provide_content img {background-color: #f69908;}

.provide_content span {display: inline-block;}

.provide_content span img {background: #eff3f6;padding: 20px;border-radius: 100%;}

.services_block {margin-bottom: 50px;text-align: center;}

.services_block h1{color: #f69908;}

.services_bg {margin-top: 50px; background: url(../images/our-services-bg.jpg)no-repeat;

    background-attachment: fixed; padding-top: 30px; padding-bottom: 30px;}

.services_bg h1{text-align:center; color: #f69908;}

.services_bg_content h3 {color: #fff;}

.services_bg_content p {color: #fff; text-align: center;}

.provide_content h5 {font-weight: 600; color: #f69908;}

/* .Why_we_are_best {margin-top: 110px;} */

.row_1 {float: left;width: 100%;}

.block_img1 img {width: 100%;}

.block_img2 img {width: 100%;}

.row_2 {float: left;width: 100%;}

.block_img1 {float: left;width: 50%;}

.block_img1 img {width: 100%;}

.block_img2 {float: left;width: 50%;}

.block_img2 img {width: 100%;}

.how_we_do_it {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    margin-top: 30px;

}



/* .we_do {

    display: flex;

    align-items: center;

    height: 490px;

} */



.we_do h2 {

    text-align: center;

    width: 100%;

    color: #f69908;

    font-weight: 600;

}



.we_do span {

    display: block;

    margin-bottom: 10px;

    color: #666666;

    font-weight: 100;

}

.product-box {margin-bottom: 25px;}

.product_detail_box {background: #fff; padding: 10px 20px; box-shadow: 0px 0px 12px 0px #ccc; transition: 400ms; min-height: 395px; overflow: hidden; margin-bottom:20px;}

.product_detail_box:hover {box-shadow: 0px 6px 20px 2px #777; transition: 400ms; overflow: hidden;}

.product_detail_box a {text-decoration: none;}

.product_detail_box:hover .pro_img img {transform: scale(1.1,1.1); transition: 400ms;}

.pro_img img {width: 100%; height:230px; text-align:center; transition: 400ms;}

.pro_dtail h4 {text-align: center; border-top: 1px solid #ccc; padding-top: 15px; color: #f69600;}

.pro_dtail p {color: #8a8a8a; font-size: 13px; text-align: center;}



.about_img img {

    width: 100%;
    margin-left: 15px;

}



.margin-top-50{margin-top: 50px; float: left;}



.partner_detail h3{text-align: center; text-transform: capitalize;}

.partner_detail p{text-align: justify;}



.partner_ul {

    margin:40px 0 25px;

    color: #fff;

}



.partner_ul ul li {

    line-height: 18px;

    margin-bottom: 15px;

    font-weight: 300;

}



.partner_ul ul strong {

    display: block;

    color: #f69600;

}



/***********************ABDUL CSS STARTS*********************************/

.cctv_banner {

    background: url(../images/cctv_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.fire_banner {

    background: url(../images/fire-banner_product.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.door_phone_banner {

    background: url(../images/video_door_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.burglar_banner {

    background: url(../images/burg_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.dvr_banner {

    background: url(../images/dvr_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.biometric_banner {

    background: url(../images/biometric_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.access_control_banner {

    background: url(../images/access_control_system.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.attendance_banner {

    background: url(../images/attendance_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.addressble_banner{

    background: url(../images/addressable_banner.jpg)no-repeat 0px -20px;

    background-size: cover !important;

}



.contact_us_banner {

    background: url(../images/contact_banner_2.jpg) no-repeat 0px;

    background-size: cover !important;

    margin-bottom: 20px;

}





.product_page {background-color: #eff3f6;}

.About_us_page{background-color: #eff3f6;}

.contact_us_page{background-color: #eff3f6;}



.cctv_headings h1 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
}



.brand img {



}



.brand {

    transition: 300ms;

    padding: 10px 10px;

    border: 1px solid #ccc;

}



.brand:hover {

    box-shadow: 0px 0px 10px #000;

    transition: 300ms;

}

.margin_bottom_20

{

    margin-bottom:20px;

}





.block_img2

{

    position:relative;

}

.block_img2 h4{position: absolute;

    text-align: center;

    font-weight: 900;



    top: 20px;

    margin-right:100px;



    color: black;

    font-size: 25px;

}



.address ul{padding: 0; list-style: none;}

.Why_we_are_best .address ul li {

    color: black;

    line-height: 30px;

}



.Why_we_are_best h1 span

{

    font-weight:700;

}

.download_icon p

{

text-align:center;

font-size:17px;

font-weight:600;



}

.download_icon h3

{

text-align:center;



font-weight:600;



}



.Brochure {

    text-align: center;

}



/*how we do it text over image*/

.block_img1

{

    position:relative;

    opacity:1;

    overflow: hidden;

}



.block_img2

{

    position:relative;

    opacity:1;

    overflow: hidden;

}



.block_img1 img{transition: 400ms;}



.block_img2 img{transition: 400ms;}



.text1:hover .block_img1 img {

    transform: scale(1.1,1.1);

    transition: 400ms;

}



.text2:hover .block_img2 img {

    transform: scale(1.1,1.1);

    transition: 400ms;

}



.block_img1 h4 {

    position: absolute;

    top: 25%;

    font-weight: 100;

    color: #f69908;

    font-size: 18px;

    width: 100%;

    text-align: center;

}

.block_img1 p {

    position: absolute;

    top: 50%;

    color: white;

    font-size: 17px;

    padding: 10px;

    font-weight: 500;

    margin-top: -25px;

}

.block_img2

{

    position:relative;

    opacity:1;





}

.block_img2 h4 {

    position: absolute;

    top: 25%;

    font-weight: 100;

    color: #f69908;

    font-size: 18px;

    width: 100%;

    text-align: center;

}



.block_img2 p {

    position: absolute;

    top: 50%;

    color: white;

    font-size: 17px;

    padding: 10px;

    font-weight: 500;

    margin-top: -25px;

}

.service_img_2

{    width: 100%;margin-top: 60px;}

.service_img_3

{    width: 100%;

padding-left:70px;

height:300px;

}

.Why_we_are_best p

{

    color:grey;

    text-align: justify;

}

/*progress slider css*/

.pad-top-60

{

    padding-top:60px;

}

.progress-title{

    font-size: 16px;

    font-weight: 700;

    color: #011627;

    margin: 0 0 20px;

}

.progress{

    height: 10px;

    background: #cbcbcb;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 30px;

    overflow: visible;

}

.progress .progress-bar{

    box-shadow: none;

    position: relative;

    -webkit-animation: animate-positive 2s;

    animation: animate-positive 2s;

}

.progress .progress-bar:after{

    content: "";

    display: block;

    border: 15px solid transparent;

    border-bottom: 21px solid transparent;

    position: absolute;

    top: -26px;

    right: -12px;

}

.progress .progress-value{

    font-size: 15px;

    font-weight: bold;

    color: #000;

    position: absolute;

    top: -40px;

    right: 0;

}

.progress.pink .progress-bar:after{

    border-bottom-color: #F69600;

}

.progress.green .progress-bar:after{

    border-bottom-color: #F69600;

}



@-webkit-keyframes animate-positive{

    0% { width: 0; }

}

@keyframes animate-positive{

    0% { width: 0; }

}





/*progress slider css ends*/

.Why_we_are_best .remote_head

{

    text-align:center;

    font-size:18px;

    color:grey;

    padding-top:0px;

    font-style:italic;

}



.Why_we_are_best  h2

{

    text-align:center;

    font-size:27px;

    color:#F69600;

    font-weight:700;





}

.Why_we_are_best .remote_head_2

{

    text-align:center;

    color:grey;

    padding-bottom:30px;



}



.about_block {margin-bottom: 50px;text-align: center;}

.about_block h1{color: #f69908; font-size: 28px;}

.about_block p {color:#9c9c9c;font-size:17px;text-align:center;}

.pad-top-100{padding-top:100px;}



.brand_img img

{

width:100%;

padding-bottom:20px;

}

.brand_img {



    padding: 10px 10px;



}





.about_brand_detail h1 {

    text-align: center;

}

.about_brand_detail p {text-align: center; padding-bottom:20px; color: #9c9c9c;}



/*************************ABDUL CSS ENDS *******************************/

/********************************************************/
/********************************************************/
/********************************************************/
/**************************************************************/
/**************************************max-device-width-540px*********************/
/**************************************max-device-width-320px*********************/
/*****************************end-inner-pages-css*********************/


/*****************************car-aniation-css************************/
.animate_car_bg {
    background: url(../images/car-bg-city.png)repeat-x;
    background-size: cover;
    background-position-x: 0;
    position: relative;
    animation: backanimation 90s linear infinite;
    padding: 300 0 0;
    margin-top: 50px;
    clear: both;
}



@keyframes backanimation{from{background-position-x: 0;}to{background-position-x: -3000px;}}



.car {width: 20%;margin: 0;position: relative;top: -22px;}



.car img {width: 100%;}



.tyre_1 {position: absolute;bottom: 19px;left: 15.3%;width: 16%;animation: rotate 5s linear infinite

}



.tyre_2 {position: absolute; bottom: 11px; right: 7.6%; width: 15%; animation: rotate 5s linear infinite}







.install_team h2 {text-align: center; color: #f49400; margin-top: 40px; background: rgba(0, 0, 0, 0.46); padding: 15px 40px;}




.road {position: absolute; bottom: 0; width: 100%; height: 35px; background: #969696; transform: skew(-50deg); z-index: -1; overflow: hidden;}



.road span {width: 16.2%; height: 15%; margin-top: 1%; display: inline-block; background: -webkit-repeating-linear-gradient(left, white 0%, white 10%, transparent 10%, transparent 20%);

    -webkit-animation:roadanimation 3s linear infinite; -moz-animation:roadanimation 3s linear infinite; -o-animation:roadanimation 3s linear infinite; animation: roadanimation 3s linear infinite;

}



.road{bottom: -17px;}



@keyframes roadanimation{



0% {-webkit-transform: translate(0px, 0px);}

  100% {-webkit-transform: translate(-40%, 0px);}



  0% {-moz-transform: translate(0px, 0px);}

  100% {-moz-transform: translate(-40%, 0px);}



  0% {-o-transform: translate(0px, 0px);}

  100% {-o-transform: translate(-40%, 0px);}



 0% {transform: translate(0px, 0px);}

  100% {transform: translate(-40%, 0px);}

}



.install_team h2 span{color: #fff; font-weight: 600;}



@keyframes rotate{



  0%{-webkit-transform: rotate(0deg);}

  100%{-webkit-transform: rotate(360deg);}



  0%{-moz-transform: rotate(0deg);}

  100%{-moz-transform: rotate(360deg);}



  0%{-o-transform: rotate(0deg);}

  100%{-o-transform: rotate(360deg);}



  0%{transform: rotate(0deg);}

  100%{transform: rotate(360deg);}



}



/*******************************end-car-animation****************************/

/*******************************canvas***************************************/

canvas{display:block;  vertical-align:bottom;}

/* ---- stats.js ---- */

.count-particles{background: green;position: absolute;top: 48px;left: 0;width: 80px;color: green;

  font-size: .8em;text-align: left;text-indent: 4px;line-height: 14px;padding-bottom: 2px;

  font-family: Helvetica, Arial, sans-serif;font-weight: bold;}

.js-count-particles{font-size: 1.1em;}

#stats,

.count-particles{-webkit-user-select: none; margin-top: 5px; margin-left: 5px;}

#stats{border-radius: 3px 3px 0 0; overflow: hidden;}

.count-particles{border-radius: 0 0 3px 3px;}

/* ---- particles.js container ---- */

#particles-js{width: 100%;height: 800px;
  background-color: #eff3f6;
  background-image: url('style.css');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;

}

.position_canvas {position: absolute; top: 0;}



canvas.particles-js-canvas-el {

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

}



.bg-img2 h1 {

    text-align: center;

    color: #606060;

}

/*******************************end-canvad***********************************/

/******************************23-8-2017**********************/

.bg-img2 .item h5{color: #f69600;}
.about_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #fff;padding: 100px 0;margin: 0;}
.gaurd h1 {color: #f69908; text-transform: capitalize; margin-top: 0px;}
.services h1 {color: #f69908;margin-top: 50px;text-transform: capitalize;}
.gaurd p {color: #9c9c9c;}
.about-us h3 {text-align: center;}
.about-us p {color: #f69600;font-size: 16px; text-align: center;}
.services_bg_content h3 {color: #f69600;text-align: center;}
.audit_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #fff;padding: 100px 0;
margin: 0;}
.audit h1 {color: #f69908;margin-top: 50px;text-align: center;}
.service_maintenance{text-align: center;}
.residential_box p{color: #9c9c9c;}
.corporate p{color: #9c9c9c; line-height: 24px;}
.home_security_content p {color: grey;text-align: justify;margin-top: 75px;}
.banner_heading_for_brand h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;
margin: 0;}
.cp_plus_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;
margin: 0;}
.hikvision_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;margin: 0;}
.dhaua_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;
margin: 0;}
.alba_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;
margin: 0;}
.Realtime_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;
margin: 0;}
.biomax_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #000;padding: 100px 0;
margin: 0;}
.maintenance_content h3 {text-align: center;color: #f69600;}
.maintenance_content p {color: #9c9c9c; padding-bottom: 15px;}
.audit p {color: #9c9c9c;padding-bottom: 15px;}
.remote_monit h2 {text-align: center;color: #f69600;}
.remote_monit h4 {text-align: center;}
.we_do p {color: #9c9c9c;}

/******************************24-8-2017*********************/

.maintenance_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #ffffff;padding: 100px 0;
margin: 0;}
#myForm {margin-bottom: 25px;}
.submit_btn {background: #f69600;color: #fff;padding: 5px 35px;font-size: 18px;transition: 600ms;}
.submit_btn:hover {color: #ffffff;background: #3a62ab;transition: 600ms;}
.home_security_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #ffffff;padding: 100px 0;
margin: 0;}
.banner_heading_new h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #f69600;padding: 100px 0;margin: 0;
font-weight: 900;font-size: 30px;}
#myForm label {color: #9c9c9c;}

/************************************24-8-2017***************************/

.residential_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #ffffff;padding: 100px 0;
margin: 0;}

/***************************************29-8-2017****************************/

.group_company_logo {float: left; width: 100%; background: #3d3939; text-align: center;}
.brands_slide .item {height: auto;}
.solution_banner .banner_heading h2 {display: flex;justify-content: center;align-items: center;width: 100%;color: #fff;padding: 100px 0;
margin: 0;}


/****************************************30-8-2017***************************/

.brand_banner .banner_heading_for_brand h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 100px 0;
    margin: 0;
}

.corporate_banner .banner_heading h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 100px 0;
    margin: 0;
}

.banking_banner .banner_heading h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 100px 0;
    margin: 0;
}

.banking_security p {color: #9c9c9c;}

.education_banner .banner_heading h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 100px 0;
    margin: 0;
}

.real_estate_banner .banner_heading h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    padding: 100px 0;
    margin: 0;
}


.color_custom{font-weight: 900; display: block;}

.abc ul {
    padding-left: 0;
}

.Requirements h2 {
    text-align: center;
    color: #9c9c9c;
}


.Requirements span {
    color: #f69600;
}

.Requirements p {
    text-align: center;
    font-size: 20px;
}

.call_to_landing_page {
    text-align: center;
    margin: 70px 0;
}

.call_to_landing_page a {
    border: 1px solid #f69600;
    padding: 15px 40px;
    color: #fff;
    text-decoration: none;
    background: #f69600;
}

.heart {
  animation: HEARTBEAT 2.5s infinite;
}

@keyframes HEARTBEAT {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.2);
  }
  10% {
    transform: scale(1.1);
  }
  15% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}


.call_to_content h2 {
    color: #f69600;
}

.call_to_content h3 {
    color: #3a62ab;
}

/* .logo_div a img {
    width: 100%;
} */



/**************************************31-8-2017******************************/

.header_reletive {
    position: relative;
}

.header_reletive .col-lg-9.col-md-9.col-sm-9.col-xs-12 {
    position: inherit;
}

.navbar_banner {
    float: left;
    width: 100%;
    margin: 15px 0 0;
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.navbar_banner2 {
    float: left;
    text-align: center;
    width: 100%;
}

.navbar_banner img{width: 100%;}

li.solution_dropdown li {
    width: 23.6%;
}


li.product_dropdown li {
    width: 18.6%;
}


/***********************************4-9-2017**********************************/

.address_contact ul{padding-left: 0px;}
.address_contact ul li i {font-size: 24px; width: 30px; text-align: center; color: #3a62ab;}
.address_contact ul li i.fa.fa-envelope {font-size: 18px;}
.margin-btm {margin-bottom: 25px; display: flex; align-items: center;}
.download_icon h3{font-size: 20px;}


/**************************************5-9-2017*******************************/

/* .banner {
    display: block;
    min-height: 200px;
    width: 100%;
    position: relative;
}
.typed_wrap {
    display: block;
    border: 4px solid #ecf0f1;
    width: 290px;
    height: auto;
    padding: 30px;

    centers it in the .banner
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
} */

.install_team h2 {
    display: inline;
}

.install_team {margin-top: 10px; text-align: center; position: absolute; top: 0; width: 100%; padding-top: 30px;}

/*Add custom cursor so it auto inherits font styles*/
.typed::after {
    content: '|';
    display: inline;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

/*Removes cursor that comes with typed.js*/
.typed-cursor{
   opacity: 0;
    display: none;
}
/*Custom cursor animation*/
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/***************************************end-typed-css***************************/

.contact_social h4 {text-align: center;}
.contact_social ul {padding-left: 100px; float: left; width: 100%; text-align: center;}
.contact_social ul li {list-style: none; float: left; margin: 0px 5px; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
.contact_social ul li a {padding: 10px 20px; display: block; color: #fff;}
.contact_social ul li:nth-child(1){background: #3b5998;}
.contact_social ul li:nth-child(2){background: #00b6f1;}
.contact_social ul li:nth-child(3){background: #df4a32;}
.contact_social ul li:nth-child(4){background: #c32aa3;}
.contact_social ul li:nth-child(5){background: #007bb6;}
.contact_social ul li:nth-child(6){background: #cb2027;}
.contact_social ul li:nth-child(7){background: #ff0000;}
textarea.form-control {min-height: 100px; resize: none;}



/*********************changes by abdul on 26 september****************************/
.Italic_class{font-style:italic;}
.cctv_system {z-index: 99;position: relative;}
.degree_coverage {z-index: 99;position: relative;}
.degree_coverage span a{color:blue;}
.gaurd p span{font-style:italic;}
.services_bg_content a{color:#fff;}
.about-us p span{font-style:italic;}
.provide_content span{font-style:italic;}
.polici_ul ul li span{font-style:italic;}
.about_brand_detail p span{font-style:italic;}
.services p span{font-style:italic;}
.Why_we_are_best_Expertise p span {font-style:italic;}
.site_sec p span{font-style:italic;}

.dezigly-icon img {float: left;}
.dezigly-icon p span a {
    color: white;
    float: right;
    text-decoration: none;
}

.list-group-item:hover{background-color:#F69600;color:white;}
.panel2.panel2-primary ul li a {font-size: 16px;font-weight: 600;}
.panel2.panel2-primary ul li a:hover {color:white;text-decoration:none;}
.anchor{color:white; font-weight:600;text-decoration:none; text-decoration:none;}
.anchor:hover{color:#f69600;text-decoration:none;}
ul.list-group {padding-bottom:25px;}
/*********************changes by abdul on 26 september****************************/



/*---------------------------career page css-----------------------*/
.bnr {margin:0px;padding:0px;}
.banner_img img {width: 100%;}
.gaurd span p {font-size: 21px;margin-top: 35px;}
.faq-wrapper {
  margin-bottom: 20px;
  border-top: 1px solid #f0f0f0;
  background: #fff;
  transform: translateZ(0);
}

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

label img, label p {
  display: inline-block;
  vertical-align: top;
}

label img {
  margin-right: 10px;
  height: 1.4em;
}

label p {
  line-height: 1.4em;
}

label {

  position: relative;
  display: block;
  margin: 0 0 0 16px;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  font-size: 1em;
  line-height: 1.2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label:after {
	display:none;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  height: 20px;
  content: '>';
  line-height: 20px;
  transform: rotate(90deg);
}

section {
  overflow: hidden;
  height: 0;
  transition: .3s all;
}

#question1:checked ~ label[for*='1']:after,
#question2:checked ~ label[for*='2']:after,
#question3:checked ~ label[for*='3']:after,
#question4:checked ~ label[for*='4']:after {
  transform: rotate(270deg);
}

#question1:checked ~ #answer1,
#question2:checked ~ #answer2,
#question3:checked ~ #answer3,
#question4:checked ~ #answer4 {
  height: auto;
}

section p {
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #999;
  font-size: 1em;
  line-height: 1.2em;
}
.faq-wrapper img {
    float: left;
}
.about2_img img {
    width: 100%;
    margin-top: 7em;
    margin-left: 15px;
}
.follow_us h2 a {text-decoration:none;}
/*-------------------------career page css ends------------------------------*/




/**********************************end-stylesheet-for-web*********************/



/********************************start-media-query***************************/

/****************************************************************************/

@media screen and (min-width: 1600px) {

.Surveillance_Solutions{padding: 100px 0 175px;}

}

/***************************************************************************/

@media screen and (min-width: 1200px) {

.tyre_1 {left: 14.8% !important; width: 15%; bottom: 3px !important;}
.road span{width: 16% !important;}
.tyre_2{width: 15%; right: 7.6% !important; bottom: 3px !important;}
.hover_div {margin: 0 100px 15px 0;}
.we_do h2{font-size: 30px;}

}

/***************************************************************************/

@media screen and (min-width: 992px) {


.tyre_1 {left: 14.4%; bottom: 7px;}
.tyre_2{right: 7.2%; bottom: 7px;}
.road span{width: 15.6% !important;}
.real_sector {padding: 100px 0 92px !important;}

}

/****************************************************************************/

@media screen and (min-width: 768px) {

.triger_for_mobile{display: none;}
.mobile_menu{display: block !important;}
#kb .item{height: 440px;}
.tyre_1 {bottom: 5px; left: 14.2%;}
.tyre_2 {bottom: 5px; right: 7.3%;}
.road span{width: 14.6%;}
.real_sector{padding: 10px 0 52px;}
.real_sector h4{margin: 0px;}

}

/****************************************************************************/




/****************************************************************************/


@media screen and (max-width: 1440px) {

.remote_banner {background: url(../images/remote-monitoring.jpg) no-repeat 0px 0px;}
.residential_banner {background: url(../images/residential-banner.jpg) no-repeat 0px 0px;}
.real_sector {padding: 100px 0 95px !important;}


}

/**********************************************************************************/

@media screen and (max-width: 1024px) and (min-width: 768px) {

.real_sector {padding: 10px 0 52px !important;}
.bg-img1 {float: left; width: 100%; margin-top: 280px; margin-bottom: 50px;}


}


/**********************************************************************************/

@media screen and (max-width: 1366px) and (min-width: 1024px) {

.real_sector {
    padding: 100px 0 108px !important;
}

.bg-img1{margin-top: 80px;}


}

/**********************************************************************************/

@media screen and (max-width: 1280px) and (min-width: 800px) {

.Surveillance_Solutions {padding: 100px 0 138px;}
}

/**********************************************************************************/

@media screen and (max-width: 860px) and (min-width: 768px) {

.install_team h2{font-size: 24px;}



}

/**********************************************************************************/

@media screen and (max-width: 1199px) {

.remote_banner {background: url(../images/remote-monitoring.jpg) no-repeat 0px 0px;}
.brand_banner {background: url(../images/product-banner.jpg) no-repeat 0px -26px;}
.cctv_img img {width: 100%;}
.biometric_machine img{width: 100%;}
.residential_banner {background: url(../images/residential-banner.jpg) no-repeat 0px 0px;}
.service_img img {width: 100%;}
.hover_div {margin: 0 100px 15px 0;}
.flex_content span {font-size: 35px;top: 20px;}
.we_do h2{font-size: 25px;}
li.brand_dropdown li {width: 10.8%;}
li.product_dropdown li {width: 18%;}
li.product_dropdown li a {font-size: 12px !important;}
li.solution_dropdown li {width: 22.9%;}
li.solution_dropdown li a{font-size: 12px !important;}
li.service_dropdown li {margin: 0 5px 15px 5px !important;}
li.service_dropdown li a {font-size: 11px !important;}



}


/**********************************************************************************/

@media screen and (max-width: 1024px) {

.brand_banner {background: url(../images/product-banner.jpg) no-repeat 0px 0px;}
.residential_banner {background: url(../images/residential-banner.jpg) no-repeat 0px 0px;}
.banking_banner{background: url(../images/Banner-image.jpg) no-repeat 0px 0px;}
li.service_dropdown li {width: 18.9%;}



}

/*******************************************************************************/

@media screen and (max-width: 991px) {

.carousel-control.right {right: 0; top: 50%;}
.carousel-control.left {left: 0; top: 50%;}
.carousel-control i {font-size: 24px;}
.product_detail_box{margin-bottom: 20px;}
.margin-top-50{margin-top: 0px;}
ul.brs_list {padding-left: 0;}
.abc ul {padding-left: 0;}
.abc {margin-bottom: 20px;}
.brand_banner {background: url(../images/product-banner.jpg) no-repeat 0px 0px;}
.service_img img{width: 100%;}
.solution_banner {background: url(../images/solutions_banner.jpg) no-repeat 0px 0px;}
.residential_banner {background: url(../images/residential-banner.jpg) no-repeat 0px 0px;}
.banking_banner{background: url(../images/Banner-image.jpg) no-repeat 0px -12px;}
.left_col_1{width: 100%;}
.left_col_2{width: 100%;}
.left_col_3{width: 100%;}
.block_1 img{width: 100%;}
.Surveillance_Solutions p {padding: 0 15px;font-size: 15px;}
.Surveillance_Solutions h3{font-size: 18px;}
.Surveillance_Solutions {padding: 15px 0;}
.education_sector{padding: 64px 0 64px}
.education_sector ul {padding-left: 30px;}
.education_sector ul li {line-height: 30px;font-size: 13px;}
.hospitality_sector{padding: 64px 0 64px}
.hospitality_sector ul {padding-left: 30px;}
.hospitality_sector ul li {line-height: 30px;font-size: 13px;}
.real_sector ul {padding-left: 30px;}
.real_sector ul li {line-height: 30px;font-size: 13px;}
.retail_sector{padding: 64px 0 64px}
.retail_sector ul {padding-left: 30px;}
.retail_sector ul li {line-height: 30px;font-size: 13px;}
.Transport_sector{padding: 64px 0 64px}
.Transport_sector ul {padding-left: 30px;}
.Transport_sector ul li {line-height: 30px;font-size: 13px;}
.hover_div {margin: 0 90px 15px 0;}
.flex_content span {font-size: 18px;}
.flex_content h5{font-size: 13px;}
.flex_content p{font-size: 13px;}
.we_do h2{font-size: 20px;}
.corporate_banner {background: url(../images/corporate-solution.jpg) no-repeat 0px 0px;}
.corporate p {line-height: 18px; font-size: 13px;}
.portfolio h1{margin-top: 10px; font-size: 20px;}
.flex_content {height: inherit; top: 10px;}
.corporate_sector {padding: 10px 0 48px;}
.corporate_sector h4{margin: 0;}
.corporate_sector ul {padding-left: 25px;}
.corporate_sector ul li {line-height: 26px; font-size: 14px;}
.left_col_1{padding: 15px 15px;}
.left_col_1 h3{font-size: 16px;}
.left_col_1 p{font-size: 13px;}
.left_col_2{padding: 15px 15px;}
.left_col_2 h3{font-size: 16px;}
.left_col_2 p{font-size: 13px;}
.left_col_3{padding: 15px 15px;}
.left_col_3 h3{font-size: 16px;}
.left_col_3 p{font-size: 13px;}
.banking_security h2 {font-size: 22px;}
.banking_security p {font-size: 13px;}
h1.tab_heading{font-size: 22px;}
.nav>li>a{padding: 8px 8px;}
.Finance_sector {padding: 90px 0 78px;}
.Finance_sector h4{margin: 0;}
.Finance_sector ul {padding-left: 20px;}
.Finance_sector ul li {line-height: 26px; font-size: 15px;}
.hospitality_banner {background: url(../images/hospitality1.jpg) no-repeat 0px -0px;}
.call_to_landing_page a{padding: 15px 15px;}
.call_to_content h2{font-size: 24px; text-align: center;}
.call_to_content h3 {font-size: 18px; text-align: center;}
li.brand_dropdown li {width: 17.8%;}
li.product_dropdown li {width: 22.7%;}
li.service_dropdown li {width: 18.2%;}



}

/**************************************************************************/

@media screen and (max-width: 920px){

.Finance_sector {padding: 90px 0 99px;}


}


/**************************************************************************/


@media screen and (max-width: 767px) {
    .button_fix button {
    font-size: 10px;
}

  .popup-border {width: 80%;}
  .popup-border h2 {font-size: 30px;}
  .popup-body p {font-size: 20px;}
ul.mobile_menu {display: none;}
.my_navbar_menu ul li{float: none; line-height: inherit;}
.my_navbar_menu ul li a {text-align: center;}
ul.mobile_menu {position: absolute; z-index: 1; background: #eff3f6; right: 0; width: 100%;}
ul.float_none_for_mobile li {width: 100%;}
ul.float_none_for_mobile li:hover a {color: #606060;}
.my_navbar_menu ul li ul li a {padding: 5px 10px; font-size: 13px;}
.my_navbar_menu ul li ul {/* background: #3a62ab; */ position: inherit; width: 100%;}
/* ul.float_none_for_mobile li a {color: #fff;} */
ul.corporate_solution.float_none_for_mobile li a {color: #fff;}
.display_flex {display: inherit;align-items: inherit; padding: 0px;}
canvas{display: none;}
/* .bg-img1{background: none;} */
.position_canvas {position: inherit;}
.kb_wrapper>.carousel-inner>.item>img, .kb_wrapper>.carousel-inner>.item>a>img{animation: none;}
.address {margin-bottom: 20px;}
ul.brs_list {margin: 20px 0px 0px;}
.p-font-18-head{font-size: 20px;}
.bg-img1{padding: 20px 0;}
.head2{font-size: 15px;}
.bg-img2{padding: 0 0;}
.footer{padding: 10px 0;}
.tyre_1{bottom: 4px; left: 14.4%;}
.tyre_2{bottom: 4px; right: 7.2%;}
.road span {width: 14%;}
.car {margin-left: 15px;}
.install_team h2 {font-size: 18px; font-weight: 600;}
.my_navbar_menu ul li ul li.corporate_solution_dropdown ul.corporate_solution {position: inherit; left: 0;}
.flex_content{top: 50%;}
.bg-img1 {float: left; width: 100%; margin-top: 0px; margin-bottom: 40px;}
/* h1.p-font-18-head {color: #606060;} */
/* .head2{font-size: 13px; color: #9c9c9c;} */
.bg-img2 h1 {font-size: 24px;}
.item blockquote p {font-size: 13px;}
.kb_caption h1 {font-size: 18px; margin: 0;}
.kb_caption h2{font-size:13px; margin: 0px;}
/* .social {margin-top: -22px;} */
.cctv_system:hover {transform: translate(0px,-25px); transition: 400ms; background: #f69600; color: #fff;}
.Brands img {margin: 0 auto;}
.carousel-control.left {left: -45px;}
.carousel-control.right {right: -25px;}
.carousel-control {position: absolute; top: 35px; bottom: inherit;}
.brand_banner {background: url(../images/product-banner.jpg) no-repeat 0px 0px;}
/*.group_company_logo img {width: 100%;}*/
.carousel-control i {top: 50%; position: absolute; font-size: 24px;}
.product_detail_box{margin-bottom: 20px;}
.margin-top-50{margin-top: 0px;}
.cp_plus_banner.banner_heading h2{color: #fff !important;}
.cp_plus_banner {background: url(../images/cp-plus-banner.jpg) no-repeat -220px -15px;}
.hikvision_banner {background: url(../images/hikvision_banner.jpg) no-repeat -280px 0px;}
.hikvision_banner .banner_heading h2{color: #fff;}
.service_img img {width: 100%;}
.block_img1 h4{top: 10%; font-size: 16px;}
.block_img1 p{font-size: 13px; top: 40%;}
.block_img2 h4{top: 10%; font-size: 16px;}
.block_img2 p{font-size: 13px; top: 40%;}
.abc ul {padding-left: 0;}
ul.brs_list{padding-left: 0px;}
.solution_box {margin-top: 0px;}
.cctv_img {border-right: none;}
.cctv_img img{width: 100%;}
.biometric_machine img{width: 100%;}
.banner_heading h2{color: #fff !important;}
.alba_banner {background: url(../images/video-door.jpg) no-repeat 0px 0px;}
.product_slide{margin-bottom: 20px;}
.solution_banner {background: url(../images/solutions_banner.jpg) no-repeat -150px 0px;}
.banking_banner{background: url(../images/Banner-image.jpg) no-repeat 0px 0px;}
.pad-right-0{padding-right: 15px;}
.pad-left-0{padding-left: 15px;}
.left_col_1{width: 100%;}
.left_col_2{width: 100%;}
.left_col_3{width: 100%;}
.block_1 img {width: 100%;}
.Finance_sector ul li {line-height: 30px; font-size: 13px;}
.Finance_sector ul {padding-left: 25px;}
.Finance_sector h4 {font-size: 16px;}
.Finance_sector {background: url(../images/solutions-we-offer-hover-bg.png)no-repeat 0px -50px; padding: 30px 0 80px;}
.Surveillance_Solutions p {padding: 0 15px; font-size: 14px;}
.Surveillance_Solutions {padding: 10px 0;}
.Surveillance_Solutions h3{font-size: 20px;}
.left_col_3 {padding: 10px 15px;}
.left_col_2 {padding: 10px 15px;}
.left_col_1 {padding: 10px 15px;}
h1.tab_heading{margin-top: 0px;}
.banking_security {border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.banking_security h2{margin-top: 0px;}
.education_banner {background-position: 50% 25%;}
.education_sector ul li {line-height: 30px; font-size: 15px;}
.education_sector ul {padding-left: 60px;}
.education_sector {padding: 90px 0 90px;}
.hover_div{width: 100%;}
.corporate h1 {font-size: 30px;}
.how_we_do_it{display: block;}
.block_img1{width: 100%;}
.block_img2{width: 100%;}
.we_do h2{font-size: 30px;}
.tvt_banner {background: url(../images/tvt_banner.jpg) no-repeat 0px 0px;}
.audit_banner {background: url(../images/site-security-audit.jpg) no-repeat 0px 0px;}
.home_security_banner{background: url(../images/home-Security.jpg) no-repeat 0px 0px}
.maintenance_banner {background: url(../images/services_maintenance.jpg) no-repeat 0px 0px;}
.Requirements h2 {font-size: 18px; text-align: center; color: #606060;}
.partner_bg{margin-top: 0px;}
.well-none{margin-bottom: 0px;}
.fire_alarm_bg{margin-top: 0px;}
.door_phone_bg{margin-top: 0px;}
.burglar_bg{margin-top: 0px;}
.services_banner {background: url(../images/services-banner.jpg) no-repeat 0px 0px;}
.call_to_landing_page{margin: 40px 0;}
.call_to_landing_page a {padding: 10px 30px;}
.triger_for_mobile{top: 15px;}
/* .About_us_page .triger_for_mobile {top: -50px; right: 15px;} */
/* .install_team {margin-top: 180px;} */
.my_navbar_menu ul li ul li a {border: none; border-bottom: 1px solid #ccc;}
.my_navbar_menu ul li ul li {margin: 0 !important;}
.polici_ul{padding-left: 15px; padding-right: 15px;}
.polici{padding-left: 15px; padding-right: 15px;}
.Why_we_are_best_Expertise{margin-top: 0px;}
.row_2{margin-bottom: 25px;}
.Why_we_are_best h1{margin-top: 0px;}
.we_do span{display: initial;}
.audit {float: left; padding-left: 15px; padding-right: 15px;}
.we_do p{text-align: center;}
.font_size24{padding-left: 15px; padding-right: 15px;}
.home_security_content p{margin-top: 0px;}
.download_icon {margin-bottom: 25px;}
.address_contact ul{padding-left: 0px;}
.my_navbar_menu ul li ul{padding-top: 0px;}
.my_navbar_menu ul li:hover {background: #f69600;}
.margin-btm{display: inherit;}
/* li.brand_dropdown li a img {width: initial;} */
.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus
{border:none!important; background:transparent!important}
.header_reletive {margin-top: 56px;}
.modal-dialog {width: 50%;margin-left: 14em;margin-top: 5em;}
.float {float: left;}
.center-div h1 {
    font-size: 50px;
    margin-bottom: 35px;
}
}

/*******************************************************/

@media screen and (max-width: 640px) {

.p-font-18{font-size: 15px;}
.footer_copy p{font-size: 12px;}
.car{width: 35%;}
.security_threats p {font-size: 12px;}
h1.p-font-18-head {font-size: 14px;}
.container-fluid.bg-img1 {padding: 0 0 15px;}
#fade-quote-carousel.carousel {padding-bottom: 0;}
blockquote{margin: 0px;}
.brand_heading{font-size: 24px;}
.brand_details p {font-size: 13px;}
.cp_plus_banner {background: url(../images/cpplus.jpg) no-repeat -425px 0px;}
.hikvision_banner {background: url(../images/hikvision_banner.jpg) no-repeat -360px 0px;}
.banking_banner {background: url(../images/Banner-image.jpg) no-repeat -170px 0px;}
.education_sector {background-size: cover; padding: 1px 0 0px;}
.education_sector ul {padding-left: 20px;}
.education_sector ul li {line-height: 25px; font-size: 13px;}
.corporate h1 {font-size: 20px;}
.contact_us_banner {background: url(../images/contact_banner_2.jpg) no-repeat -325px 0px;}
.header_reletive {
    margin-top: 60px;
}
.form-group+button.btn {width: 100% !important;}
}

/*************************************************/

@media screen and (max-width: 540px) {

/* .bg-img1{margin-top: 780px;} */

.w_320 {width: 100%;}
.car{width: 35%;}
.cp_plus_banner {background: url(../images/cpplus.jpg) no-repeat -480px 0px;}
.hikvision_banner {background: url(../images/hikvision_banner.jpg) no-repeat -465px 0px;}
.solution_banner {background: url(../images/solutions_banner.jpg) no-repeat -150px 0px;}
.banner_heading h2{padding: 50px 0; font-size: 20px;}
.banking_banner {background: url(../images/Banner-image.jpg) no-repeat 0px 0px;}
.education_banner {background-position: 100% 0%;}
.education_sector {background-size: cover; padding: 1px 0 0px;}
.education_sector ul {padding-left: 20px;}
.education_sector ul li {line-height: 25px; font-size: 13px;}
.install_team h2{padding: 0 10px;}
.header_reletive {
    margin-top: 70px;
}
}


/****************************************************************************/

@media screen and (max-width: 440px) {

.banner_heading h2{padding: 50px 0; font-size: 20px;}
.education_sector {background-size: cover; padding: 1px 0 0px;}
.education_sector ul {padding-left: 20px;}
.education_sector ul li {line-height: 25px; font-size: 13px;}
.banking_security h2 {font-size: 22px;}
h1.tab_heading {font-size: 25px;}
.nav-tabs>li>a {font-size: 12px;}
.left_col_1 img {width: 15%;}
.left_col_2 img {width: 15%;}
.left_col_3 img {width: 15%;}
.Surveillance_Solutions h3 {font-size: 18px;}
.Transport_sector h4{font-size: 14px;}
.Finance_sector h4 {font-size: 13px;}
.flex_content span {font-size: 50px; top: 30px;}
.portfolio h1 {margin-top: 35px;font-size: 20px;}
.fire_banner {background: url(../images/fire-banner_product.jpg)no-repeat -500px 0px;}
.door_phone_banner {background: url(../images/video_door_banner.jpg)no-repeat -500px 0px;}
.burglar_banner {background: url(../images/burg_banner.jpg)no-repeat -500px 0px;}
.fire_banner .banner_heading_new h2 {font-size: 18px;}
.door_phone_banner .banner_heading_new h2 {font-size: 18px;}
.burglar_banner .banner_heading_new h2 {font-size: 18px;}
.services h1{font-size: 22px;}
.services_block h1{font-size: 22px;}
.header{padding: 12px 0;}
.toll i{line-height: 24px;}
.maintenance_banner {background: url(../images/services_maintenance.jpg) no-repeat -300px 0px;}
.about_banner {background: url(../images/about-us.jpg) no-repeat 0px 0px;}
.gaurd h1{font-size: 21px;}
.download_icon h3{font-size: 17px;}
.download_icon p{font-size: 14px;}
.banner_heading_new h2{font-size: 20px;}
.Why_we_are_best2 h1{font-size: 18px;}
.install_team h2{font-size: 15px; padding: 0px 10px;}
.header_reletive {margin-top: 80px;}
.modal-dialog {width: 72%;margin-left: 4em;margin-top: 7em;}
}

/***********************************************/
@media screen and (max-width: 414px) {

.car{width: 35%;}
/* .bg-img1{margin-top: 650px !important;} */
.item {height: 200px;}
.item img {height: 100% !important;}
.brands img{height: auto !important;}
.kb_caption h1 {font-size: 20px;}
.kb_caption h2{font-size: 13px;}
/* .carousel-control.right{top: 50px;}
.carousel-control.left{top: 50px;} */
.cp_plus_banner {background: url(../images/cpplus.jpg) no-repeat -600px 0px;}
.hikvision_banner {background: url(../images/hikvision_banner.jpg) no-repeat -560px 0px;}
/* .carousel-caption{bottom: 0px;} */
.solution_banner {background: url(../images/solutions_banner.jpg) no-repeat -270px 0px;}
.toll i {font-size: 13px;}
.social a{font-size: 12px;}
.social{margin-top: 5px;}
.brand_details h3 {font-size: 20px;}
.brand_heading {font-size: 20px;}
.real_estate_banner {background: url(../images/real-state.jpg) no-repeat 0px 0px; background-size: cover;}
.Requirements h2{font-size: 17px;}
.Requirements p{font-size: 14px;}
.install_team h2{font-size: 12px; padding: 0 5px;}
.header_reletive {margin-top: 85px;}


}

/**************************************************************/

@media screen and (max-width: 320px) {

.hidden_320{display: none;}
.p-font-18-head{font-size: 16px;}
.bg-img1{padding: 20 0;}
.car{width: 40%;}
.animate_car_bg{background: url(../images/car-bg-city.png)repeat-x; background-size: cover;
background-position-x: 0; position: relative; animation: backanimation 150s linear infinite;}
.kb_caption h1 {font-size: 14px;text-align: left; margin: 0;}
.kb_caption h2{font-size:12px; margin: 0px;}
.carousel-caption{padding-bottom: 0px; padding-top: 0px; bottom: 50px;}
.carousel-control.right{top: 50px;}
.carousel-control.left{top: 50px;}
.cp_plus_banner {background: url(../images/cpplus.jpg) no-repeat -645px 0px;}
.hikvision_banner {background: url(../images/hikvision_banner.jpg) no-repeat -600px 0px;}
.banking_banner {background: url(../images/Banner-image.jpg) no-repeat -85px 0px;}
.banking_security h2 {font-size: 16px;}
h1.tab_heading {font-size: 22px;}
.nav-tabs>li>a {font-size: 13px;}
.Finance_sector h4 {text-align: left; margin-left: 10px;}
.Finance_sector {background: url(../images/solutions-we-offer-hover-bg.png)no-repeat -90px -250px; padding: 10px 0 10px; background-size: cover; background-position: 100% 100%;}
.education_banner {background-position: 60% 0%;}
.education_sector {background-size: cover; padding: 1px 0 0px;}
.education_sector ul {padding-left: 20px;}
.education_sector ul li {line-height: 25px; font-size: 13px;}
.banking_security h2 {font-size: 22px;}
h1.tab_heading {font-size: 22px;}
.Requirements p{font-size: 13px;}
.Requirements h2{font-size: 15px; font-weight: 900;}
#fade-quote-carousel.carousel {padding-bottom: 20px;}
.install_team h2{font-size: 12px; padding: 0px 0px;}


}