@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body{
    font-family: 'source_sans_proregular';
    line-height:0;
}
section, header {
    line-height: 1.42857143;
}
.logo-brand a{
    outline:none;
    font-family: 'source_sans_proregular';
}
a:focus, a:hover{
    outline:none;
    text-decoration:none;
}
.clear{
    clear:both;
}
.wraper::after {
    clear: both;
}
.container {
    width: 1200px;
}
.navbar-fixed-top .top-header{
             background: rgba(240, 240, 240, 1) none repeat scroll 0 0;
        }
        .top-header  {
            padding: 5px 0px;
        }
.logo-brand {
    padding-left: 0px;
     margin-top: 6px;
}
p {
    letter-spacing: 0;
    line-height: 23px;
    word-spacing: 2px;
    font-family: 'source_sans_proregular';
}
.menubar #homemenu {
    float: left;
    padding-right:0px;
    padding-left: 0;
}
a:hover {
    text-decoration: none;
}
.navbar-fixed-top .menubar ul li a {
    font-family: 'source_sans_prosemibold';
}
.navbar {
        margin-bottom: 0px;
    }
    .logo-brand1 img{
        float:right;
    }
.fh5co-animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fixedlogo {
    display: none;
}
.top-bar {
    border-radius: 0 0 6px 6px;
    padding: 6px 0;
    position: relative;
    background: #0193de;
}
.wraper {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.some-info li {
    color: #fff;
    /*float: right;*/
    font-family: 'source_sans_prosemibold';
    font-size: 14px;
    font-weight: 500;
    list-style-type: none;
     margin-left: 20px;
}
.some-info a {
    color: #fff;
    vertical-align: super;
}
.some-info .fa {
    border: 1px solid #fff;
    border-radius: 4px;
    margin-right: 8px;
    padding: 3px;
    margin-top: 4px;
}
.some-info .fa:hover {
    background: #fff none repeat scroll 0 0;
    color: #0193de;
}
.footer-top {
   background: #000000 none repeat scroll 0 0;
    border-bottom: 8px solid #292929;
    border-top: 8px solid #292929;
    padding: 15px 0 25px;
}
.footer-bottom {
        background: rgba(0, 0, 0, 0) url("../img/footer1.png") repeat scroll 0 0;
    padding: 10px 0 0;
    background-size:cover;
}
.footer-top .back-to-top {
    background-color: #0193de;
    color: #fff;
}
.footer-top .back-to-top:hover {
    background-color: #fff;
    border:2px solid #0193de;
}
.footer-top .back-to-top:hover .fa{
    color:#0193de;
}
footer::before {
    border-top: 1px dashed #777777;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 999;
}
footer::after {
    border-top: 1px dashed #777777;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 51px;
    width: 100%;
    z-index: 999;
}
footer{
    position:relative;
}
.footer-top .back-to-top {
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    height: 50px;
    left: 50%;
    margin: 0 0 0 -25px;
    position: absolute;
    top: -25px;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    width: 50px;
    border:1px solid #0193de;
    z-index:999;
}
.footer-top .back-to-top i {
    font-size: 24px;
}
.footer-top{
    position:relative;
}
.ourservices h3, .contact h3, .ourservice h3 {
    color: #fff;
    font-family: 'source_sans_prosemibold';
    position:relative;
    margin-bottom: 20px;
}
.ourservices h3::before, .contact h3::before, .ourservice h3::before {
    border-bottom: 3px solid #0193de;
    content: "";
    height: 32px;
    margin-left: 2px;
    margin-top: 4px;
    position: absolute;
    width: 40px;
}
.ourservice ul {
    margin-top: 27px;
}
.ourservices li a, .ourservice li a, .contact li a{
    color:#f2f2f2;
    font-family: 'source_sans_proregular';
}
.ourservice li a {
    border: 4px solid #ddd;
    display: inline-block;
    opacity: 0.6;
    transition: all 0.2s ease-in-out 0s;
    width: 90px;
}
.ourservices li, .contact li{
    list-style-type:none;
        line-height: 30px;
            color: #f2f2f2;
            font-family: 'source_sans_proregular';
            border-bottom:1px dotted #5b5b5b
}
.ourservice li a:hover {
    opacity: 1;
}
.ourservice li {
    float: left;
    line-height: 25px;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 11px;
}
.ourservices strong, .contact strong {
    color: #fff;
    font-weight: 500;
    margin-left: 6px;
    font-family: 'source_sans_prosemibold';
}
.ourservices ul, .ourservice ul, .contact ul{
    padding-left:0px;
}
.contact {
    background-image: url("../img/map.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.ourservices li a:hover, .ourservice li a:hover{
    color:#0193de;
}
.copyright a:hover {
    color:#22262a;
}
.rating a:hover {
    color: #22262A;
}
.footer-bottom p, .footer-bottom a{
    color:#fff;
    font-size:13px;
    font-family: 'source_sans_proregular';
}
.rating > p {
    float: right;
    font-family: 'source_sans_proregular';
}
.center-block{
     height: 20px;
    margin: 20px auto;
    opacity: 1;
    width: 110px;
}
.center-block span {
    border-top: 3px solid #0193de;
    display: block;
    float: left;
    height: 2px;
    width: 40px;
}
.center-block .fa {
    color: #0193de;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -8px;
}
.socialicon > li {
    float: left;
    list-style-type: none;
    padding-right: 10px;
}
.socialicon {
    padding-left: 0;
}
.socialicon .fa {
     border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 36px;
    padding: 10px;
    text-align: center;
    width: 36px;
}
.socialicon .fa:hover {
     background: #fff none repeat scroll 0 0;
    color: #0193de;
}
.nav.navbar-nav .fa {
      font-size: 18px;
    margin-right: 5px;
}
.nav.navbar-nav .dropdown-menu .dropdown-submenu a:hover {
    color: #0193de;
}
.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
}
.navbar-fixed-top{
    z-index:99;
}
#homeslider {
   height: auto;
    padding: 20px 20px 10px;
    background: #191919;
}
#content_section {
    padding: 40px 0 70px;
}
.tree_features > li{
    border-radius:200px;
    width:100%;
}
.tree_features.clearfix{
    padding-right:15px;
}
.tree_features > li:nth-of-type(2n){
    margin-right:0px;
}
.tree_features > li {
    min-height: 144px;
    float: left;
    background: #b33753;
    color: #fff;
    padding: 25px 25px 30px 25px;
    position: relative;
    width: 50%;
    margin-bottom: 5px;
    list-style: none;
    vertical-align: top;
    display: block;
    border-radius:200px;
}
.leaf_icon {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    display: block;
    font-size: 32px;
    height: 154px;
    left: 0px;
    line-height: 144px;
    position: absolute;
    text-align: center;
    width: 144px;
    z-index: 1;
    top: 0;
    border-radius:100%;
    transition:all 0.4s ease;
}
.leaf_con {
    padding-left: 144px;
    position: relative;
    z-index: 1;
}
.tree_features_t {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: none;
    color: #fff;
    font-family: 'source_sans_prosemibold';
}
.tree_features.clearfix li:nth-child(1) {
    background-color: rgb(0, 114, 165);
}
.tree_features.clearfix li:nth-child(1) .tree_curv {
    background-color: rgb(0, 114, 165);
}
.tree_features.clearfix li:nth-child(2) {
    background-color: rgb(77, 66, 148);
}
.tree_features.clearfix li:nth-child(2) .tree_curv{
    background-color: rgb(77, 66, 148);
}
.tree_features.clearfix li:nth-child(3) {
    background-color: rgb(243, 106, 113);
}
.tree_features.clearfix li:nth-child(3) .tree_curv{
    background-color: rgb(243, 106, 113);
}
.tree_features.clearfix li:nth-child(4) {
    background-color: rgb(184, 83, 163);
}
.tree_features.clearfix li:nth-child(4) .tree_curv{
    background-color: rgb(184, 83, 163);
}
.tree_features.clearfix li:nth-child(5) {
    background-color: rgb(12, 174, 191);
}
.tree_features.clearfix li:nth-child(5) .tree_curv{
    background-color: rgb(12, 174, 191);
}
.tree_features.clearfix li:nth-child(6) {
    background-color: rgb(27, 188, 155);
}
.tree_features.clearfix li:nth-child(6) .tree_curv{
    background-color: rgb(27, 188, 155);
}
.tree_features.clearfix li:nth-child(7) {
    background-color: rgb(179, 55, 83);
}
.tree_features.clearfix li:nth-child(7) .tree_curv{
    background-color: rgb(179, 55, 83);
}
.tree_features.clearfix li:nth-child(8) {
    background-color: rgb(179, 55, 55);
}
.tree_features.clearfix li:nth-child(8) .tree_curv{
    background-color: rgb(179, 55, 55);
}
.tree_features_t:hover {
    color: #fff;
}
.tree_features_d {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.tree_features > li > .tree_curv {
    background: #b33753;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
}
.tree_features > li:after {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    border-radius:200px;
    width: 100%;
}
.tree_features > li:nth-of-type(2n) {
    float: right;
    clear: right;
    text-align: right;
    margin-right: -4px;
}
.tree_features > li:nth-of-type(2n) .leaf_icon {
    left: auto;
    right: 0;
}
.tree_features > li:nth-child(2n) .leaf_con {
    padding-right: 144px;
    padding-left: 0;
}
.tree_features > li:nth-child(2n) > .tree_curv {
    left: 0;
    right: auto;
}
.tree_features.clearfix {
    padding-left: 15px;
    padding-right: 20px;
}
.centered {
    text-align: center;
}
.centered img {
    margin-top: 60px;
    max-width: 50%;
    min-width: 160px;
    position: relative;
    z-index: 2;
}
#content_section h2, #mgmtteam h2{
    text-align: center;
    margin-bottom: 40px;
    font-family: 'source_sans_prosemibold';
    position:relative;
}
#mgmtteam {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 20px 0 60px;
}
.team, .team1 {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px #ddd;
    padding: 20px 0;
    text-align: center;
}
.team1{
    box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
}
.team1 > p {
    padding: 0 15px 10px;
}
.team3 p{
    font-size:15px;
    margin-bottom:14px;
}
.team1:hover {
    background: #0193de none repeat scroll 0 0;
}
.team1:hover h4, .team1:hover small, .team1:hover .fa, .team1:hover p{
 color:#fff;
}
.team img, .team1 img {
    border: 8px solid #ddd;
    border-radius: 100%;
    height: 150px;
    margin: 20px auto 30px;
    width: 150px;
}
.team2 img {
    border: 8px solid #ddd;
    border-radius: 100%;
    height: 180px;
    margin: 0 auto 20px;
    width: 180px;
}
.team .team-social, .team1 .team-social, .team3 .team-social {
    font-size: 14px;
    margin-bottom: 20px;
    margin-right: 5px;
}
.team .team-social a, .team1 .team-social a{
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #747474;
    height: 30px;
    padding: 5px 7px;
    width: 30px;
}
.team3 .team-social a {
    color:#fff;
     border: 1px solid #ddd;
    border-radius: 2px;
    height: 30px;
    padding: 5px 7px;
    width: 30px;
}
.team small, .team1 small, .team2 small {
    display: block;
    margin-top: 5px;
    color:#0193de;
    font-size:14px;
}
.team3 small {
    display: block;
    margin-top: 5px;
    color:#fff;
    font-size:14px;
    font-weight:600;
}
.team:hover, .team:focus, .team:active {
    box-shadow:0 0 20px #aaa;
}
.face {
    backface-visibility: hidden;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f1eff0;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    transform: translateZ(0px);
    transition: transform 700ms ease 0s;
    width: 100%;
}
.team2 {
    background: #fff none repeat scroll 0 0;
    text-align: center;
}
.team3{
    background: #0193de none repeat scroll 0 0;
    border: 1px solid #0193de;
    color: white;
    display: block;
    overflow: hidden;
    padding: 15px 20px;
    transform: rotateY(-180deg);
}
.f1_card {
    height: 310px;
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
     margin-bottom: 30px;
     z-index: 1;
     perspective: 400px;
}
.f1_card:hover .face.team2 {
    transform: rotateY(180deg);
}
.f1_card:hover .face.team3 {
    transform: rotateY(0deg);
}
/* Menu */
.logo-brand1 img:last-child {
    margin-right: 5px;
}
.nav{
list-style: none outside none;
margin: 0;
padding: 0;
}
.nav {
clear: both;
font-size: 15px;
padding: 0;
position: relative;
}
.nav li {
position: relative;
}
.nav li a {
color: #333;
display: block;
float: left;
font-weight: normal;
padding:15px 5px 12px 8px;
position: relative;
text-decoration: none;
font-family: 'source_sans_prosemibold';
}

.nav li a:hover {
background-color: #f2f2f2;
}
.dropdown b {
    margin-left: 5px;
}
.nav li:hover > a {
color: #0193de;
background-color:#eee
}
.nav li:hover, .nav li a:focus, .nav li a:hover, .nav li a:active {
/*background-color: #eee;*/
outline: 0 none;
color: #0193de;
}
.nav.navbar-nav .dropdown-menu li a{
    border:none;
    font-size:15px;
}
.nav.navbar-nav .dropdown .dropdown-menu li a{
    font-size:15px;
    padding:9px 6px;
    width:100%;
    text-align:right;
}
.nav.navbar-nav .dropdown .dropdown-menu .unstyled a{
    text-align:left;
}
.dropdown .dropdown-menu{
     min-width: 710px;
     background:#222;
     position:absolute;
     left:-65px;
}
.nav.navbar-nav .dropdown .dropdown-menu li a:hover{
    color: #01aafe;
    background:#f2f2f2 none repeat scroll 0 0;
    text-shadow:none;
}
.dropdown-menu{
     padding: 0;
     background:#222;
}
.dropdown-menu > li > a {
    padding: 9px;
    width:100%;
    color:#fff;
    /*text-shadow:1px 1px 1px #000000;*/
}
.dropdown-menu li:last-child a {
    padding-bottom: 15px;
}
.nav.navbar-nav li:hover .dropdown-menu, .nav.navbar-nav .dropdown-menu li:hover .dropdown-submenu {
    display: block;
     z-index: 999;
}
.dropdown-submenu {
    background: #222 none repeat scroll 0 0;
    left: 100%;
    padding-left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    display:none;
}

.dropdown-submenu1{
    background: #222 none repeat scroll 0 0;
    left: 100%;
    padding-left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    display: none;
}
.dropdown-submenu > li {
    list-style-type: none;
}
.nav.navbar-nav .dropdown-menu .dropdown-submenu a {
    color: #fff;
    /*padding-top: 15px;*/
    width: 100%;
    font-size: 15px;
    /*padding-bottom: 2px;*/
    padding-left:15px;
}
.nav.navbar-nav .dropdown-menu .dropdown-submenu li:last-child a{
    padding-bottom:15px;
}
.nav.navbar-nav .dropdown .dropdown-menu li a{
    color:#fff;
    text-shadow:1px 1px 1px #000000;
}
.list-unstyled img {
    margin-bottom: 7px;
    margin-top: 15px;
}
.list-unstyled li:nth-child(9) a{
    margin-bottom:15px;
}
.nav.navbar-nav .dropdown-menu li a:hover {
    text-shadow: none;
    background-color: #eee
}
.list-unstyled, .unstyled, .feature{
     margin-top: 15px;
}
.unstyled{
    list-style-type:none;
}
section#job marquee {
    color: #fff;
    font-size: 18px;
    font-family: source_sans_prosemibold;
    width: 90%;
}
section#job {
    background: #191919;
        padding: 5px 0px 10px;
}
section#job a {
    color: #0193de;
    background: #fff;
    padding: 8px 10px;
    position: relative;
    top: -7px;
    border-radius: 4px;
    font-size: 15px;
    font-family: source_sans_prosemibold;
}
/* about page */
.aboutus h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    margin-top:0px;
    font-family:"source_sans_prosemibold";
    float:left;
}
.aboutcontent h3, .aboutbulksms h3, .hidaccess h3{
    font-family:"source_sans_prosemibold";
    /*TEXT-TRANSFORM:CAPITALIZE;*/
}
.aboutbulksms p {
    margin-bottom: 0;
}
.breadcrumb{
    background-color:transparent;
     text-align: center;
     margin-bottom:0px;
     float:right;
     padding:0px;
}
.breadcrumb > .active {
    color: #fff;
}
.breadcrumb-item > a {
    color: #333;
    font-family: 'source_sans_proregular';
}
.breadcrumb > li, .aboutcontent h4 {
    font-family:"source_sans_prosemibold";
}
.aboutcontent > strong {
    font-weight: 500;
    font-family:"source_sans_proregular";
}
.aboutcontent ul li a{
    color:#0193de;
    font-family:"source_sans_prosemibold";
}
.aboutcontent > p {
    line-height: 23px;
    font-family:"source_sans_proregular";
}
.aboutcontent > ul {
    padding-left: 0px;
}
.aboutcontent li {
    line-height: 30px;
        list-style-type: none;
}
.aboutcontent li .fa {
    margin-right: 7px;
}
#aboutdetail {
    padding: 35px 0 45px;
}
.company > img {
    margin-top: 15px;
}
.aboutbulksms a{
    background: #0193de;
    border: 1px solid #0193de;
    font-family: 'source_sans_proregular';
    font-size: 16px;
    border-radius: 6px;
    color: #fff;
    padding: 10px 16px;
}
.aboutbulksms{
margin-bottom: 10px;
    margin-top: 20px;
}
.aboutbulksms a:hover{
    color: #0193de;
    background-color: #fff;
    border-color: #0193de;
    background-color: #fff;
}
.aboutbulksms a .fa {
    margin-right: 5px;
}
/* career page */
#career{
    background-image:url("../img/career-banner.png");
    padding: 50px 0;
background-repeat: no-repeat;
    background-size: cover; 
}
.breadcrumb > li + li::before{
    color:#000;
}
.aboutcontent a {
    color: #0193de;
}
/* access control system page */
#access-control{
    padding: 50px 0;
    background-image: url("../img/access-control-banner.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
#faq{
    padding: 50px 0;
    background-image: url("../img/faq-in-banner.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hidaccess h3 {
    margin-top: 0px;
}
.feature h2 {
    margin-left: 0;
    margin-top: 30px;
}
.features > img {
    width: 100%;
}
.features ul {
    padding-left: 12px;
}
.hidaccess h3 {
    margin-bottom: 20px;
}
.features {
    margin-bottom: 15px;
}
.features li {
    line-height: 30px;
}
#aboutdetail aside h3{
    font-family:'source_sans_prosemibold';
    /*text-transform:capitalize;*/
    margin-top:2px;
    line-height: 32px;
}
.access{
    margin-bottom: 20px;
}
.aboutdetail aside h3, .aboutdetail aside h3 {
    margin-top: 0;
    color:#fff;
}
.access ul, .accesscontrol ul, .bhejo-sms ul {
    padding-left: 0px;
}
.access li, .accesscontrol li, .bhejo-sms li {
      background: #0193de none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    padding: 11px 20px;
}
.access li a, .accesscontrol li a {
    color: #fff;
    font-size:15px;
}
.access li:hover, .accesscontrol li:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #0193de;
}
.access li:hover a, .accesscontrol li:hover a{
    color:#0193de;
}
.hidaccess img {
    width: 100%;
}
/* Biometric attendance system */
#biometric{
    padding: 50px 0;
    background-image: url("../img/slide2.png");
    background-position: center top 13%;
    background-repeat: no-repeat;
    background-size: cover;
}
.timeattendance {
    margin-top: 10px;
}
/* Visitor Management */
#visitor{
    padding: 50px 0;
    background-image: url("../img/visitorbanner1.png");
    background-position: center top 13%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Canteen Management */
#canteen{
    padding: 50px 0;
    background-image: url("../img/canteen-management-system.png");
    background-position:center top 70%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Payroll */
#payroll{
    padding: 50px 0;
    background-image: url("../img/payroll1.png");
    background-position:center top 70%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* bhejosms */
#bhejosms{
    padding: 50px 0;
    background-image: url("../img/bulkbanner1.png");
    background-position:center top 25%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* NAC */
#hid{
    padding: 50px 0;
    background-image: url("../img/nac.png");
    background-position:center top 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.comparison-chart > ul {
    padding-left: 15px;
}
.comparison-chart li:nth-child(2n+1), .comparison-chart li:nth-child(2n) {
    float: left;
    width: 48%;
    padding-right:40px;
}
.comparison-chart h4 {
    font-family: 'source_sans_prosemibold';
}
.comparison-chart li {
    line-height: 25px;
}
.comparison-chart a {
    color: #333;
}
.comparison-chart a:hover {
    color: #0193de;
}
/* Hik Vision */
#hik{
    padding: 50px 0;
    background-image: url("../img/cctv_page1.png");
    background-position: center top 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* iTime */
.comparison > img {
    width: 100%;
}
.comparison-chart, .comparison {
    padding-bottom: 30px;
}
.comparison-chart h4, .comparison h4{
    font-family: 'source_sans_prosemibold';
}
.comparison-chart > img {
    display: table;
    margin: 0 auto;
}
/* Product Comparision */
#productchart{
    padding: 50px 0;
    background-image: url("../img/case_study_banner.png");
    background-position: center top 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.product-chart img {
    width: 100%;
}
.product-chart td {
    border: 1px solid #ddd;
    padding: 15px 8px;
    text-align: center;
}
.product-chart .table-hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    padding: 6px 10px;
}
.product-chart table{
    width:100%;
    border-collapse:collapse;
}
.product-chart tr:nth-child(2n) {
    background: #f5f5f5 none repeat scroll 0 0;
}
.product-chart table {
    margin-top: 25px;
}
.hidproducts h4 {
    font-family: source_sans_prosemibold;
}
.hidproducts h3, .vertical-list h3 {
    font-family: source_sans_prosemibold;
    margin-top: 5px;
    line-height: 32px;
    position: relative;
}
.vertical h3{
    line-height:32px;
    font-family: source_sans_prosemibold;
}
.hidproducts, .vertical, .vertical-list, .hidproduct {
    position:relative;
}
.hidproducts h3::before, .hidproduct h3::before, .vertical h3::before, .vertical-list h3::before {
       border-bottom: 3px solid #0193de;
    content: "";
    height: 35px;
    margin-left: 2px;
    position: absolute;
    top: 0;
    width: 100px;
}
.hidproducts h4::before {
    border-bottom: 3px solid #0193de;
    content: "";
    height: 36px;
    left: 16px;
    position: absolute;
    right: 0;
    margin-top: -10px;
    width: 36px;
}
.hidproducts ul, .vertical ul, .vertical-list ul {
    padding-left: 16px;
}
.hidproducts li, .vertical li, .vertical-list li {
    line-height: 30px;
}
.hidproducts table td, .hidproducts table th {
    border: 1px solid #ddd;
    padding: 10px 6px;
    text-align: center;
}
.hidproducts .table-hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
}
.hidproducts table{
    width:100%;
    border-collapse:collapse;
}
/* vertical solutions */
#banking{
    padding:25px 0px 0px;
}
.vertical li:nth-child(2n), .vertical li:nth-child(2n+1){
    float:left;
    width:48%;
}
.vertical-list li:nth-child(2n), .vertical-list li:nth-child(2n+1){
    float:left;
    width:33%;
}
.vertical h4, .controller h4{
    font-family:'source_sans_prosemibold';
}
.masterdb {
    float: left;
    width: 20%;
        box-shadow: 0px 0px 15px 0px #ccc;
    padding: 20px 20px 80px;
    margin-right: 20px;
        
}
.controller {
    overflow: hidden;
    width: 78%;
    box-shadow: 0px 0px 15px 0px #ccc;
    padding: 20px;
}
.part1, .part2, .part3 {
    float: left;
        padding-right: 55px;
}
.part4, .part5, .part6{
    float: left;
        padding-right: 15px;
}
.part7, .part8, .part9 {
    float: left;
        padding-right: 20px;
}
.part8, .part9 {
    margin-top:20px;
}
.part7 {
    width: 50%;
}
.masterdb ul, .part1 ul, .part4 ul, .part5 ul{
    border-radius: 4px;
           padding: 15px 0px 75px;
}
.part6 ul {
    padding: 10px 15px 20px;
    border-radius: 4px;
}
.masterdb ul{
    background: #d9d9d9;
}
.part1 ul, .part4 ul {
    background: #a6c4e9;
}
.part1 ul, .masterdb ul{
    padding:15px 30px;
}
.part4 ul{
    padding:15px;
}
.masterdb ul{
        margin-top: 20px; 
}
.downloaddata h4:nth-child(1) {
    background: #77933c;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
        margin-bottom: 20px;
}
.part5 ul{
    background: #c3d69b;
}
.part6 ul{
    background: #fdeada;
}
.part5 h4:nth-child(1) {
    background: #77933c;
    padding: 30px 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
}
.part6 h4{
    background: #fac090;
        padding: 30px 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
}
.downloaddata h4:last-child{
    background: #4f81bd;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
        width: 50%;
    margin: 15px auto;
}
.part7 h4:last-child{
    background: #4f81bd;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: 15px auto;
}
.downloaddata h4:nth-child(1)::before {
    content: "\25bc";
    position: absolute;
    padding: 10px;
    margin-top: 16px;
    margin-left: 85px;
    color: #77933c;
}
.part1 li, .masterdb li, .part4 li, .part5 li, .part6 li {
    list-style-type: none;
    line-height: 30px;
    font-size: 15px;
    text-align:center;
}
.part2 h4:nth-child(1), .part2 h4:nth-child(2), .part2 h4:nth-child(3) {
    color: #000;
    padding: 10px 40px;
    border-radius: 8px;
    text-align:center;
}
.part2 h4:nth-child(1) {
   background: #a5be70;
}
.part2 h4:nth-child(2) {
    background: #6ab0c3;
}
.part2 h4:nth-child(3) {
    background: #d49866;
}
.part3 h4 {
    background: #948a54;
    padding-top: 60px;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    text-align: center;
    color: #fff;
        margin: 10px auto 10px;
    border: 2px solid #385d8a;
}
.part2 h4 {
    margin-bottom: 15px;
}
.controller .part1 h4:nth-of-type(1), .controller .part6 h4:nth-of-type(1), .controller .part5 h4:nth-of-type(1), .controller .part4 h4:nth-of-type(1), .controller .part2 h4:nth-of-type(1), .controller .part3 h4:nth-of-type(1) {
    color: #333;
}
.part3 img, .part2 img, .masterdb img, .downloaddata img, .part7 img{
    margin: 0 auto;
    display:table;
}
.hidproduct h3{
    font-family: source_sans_prosemibold;
        margin-bottom: 25px;
}
.part2 h4:last-child, .masterdb h4, .downloaddata h4, .part7 h4, .part9 h4{
    font-family: source_sans_prosemibold;
    text-align: center;
}
.downloaddata, .rowdata {
    overflow: hidden;
    position:relative;
        width: 78%;
    box-shadow: 0px 0px 15px 0px #ccc;
    padding: 20px;
margin-top:15px;    
}
.masterdb h4:nth-of-type(1), .controller h4:nth-of-type(1) {
    color: red;
}
.part4 h4 {
    background: #4f81bd;
    color: #fff;
    padding: 30px 25px;
    border-radius: 10px;
        text-align: center;
}
.module1, .module2, .module3 {
        float: left;
    width: 32%;
    background: #4f81bd;
    border-radius: 8px;
    margin-right: 15px;
    padding: 20px 45px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.virdi .module1 img, .virdi .module2 img, .virdi .module3 img{
    margin-bottom:15px;
}
.vendors img {
    box-shadow: 0px 0px 1px 1px #ccc;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.vendors img:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: all 400ms ease-in 0s;
}
.step1, .step2, .step3 {
    background: #b9cde5;
    text-align: center;
    color: #000;
    padding: 10px;
    text-underline-position: under;
    text-decoration: underline;
    border: 2px solid #385d8a;
    font-size: 16px;
    margin: 0 auto;
    width: 78%;
    margin-top: 25px;
    margin-bottom: 30px;
    position:relative;
}
.step1::before, .step2::before {
    content: "\21D3";
    position: absolute;
    margin-top: 80px;
    font-size: 36px;
    color: #385d8a;
    margin-left: -10px;
}
.option1, .option2, .option3, .option4 {
        float: left;
    width: 24%;
    text-align: center;
    border: 1px solid #57afdc;
    padding: 15px 5px 30px;
    height: 255px;
    margin-right: 5px;
        margin-top: 10px;
}
#banking:nth-child(6) {
    padding-bottom: 30px;
}
.virdi .option1 img, .virdi .option2 img, .virdi .option3 img, .virdi .option4 img {
    margin: 12px auto;
}
.aboutcontent img, .hidproducts .virdi img, .vertical img {
    box-shadow: 0px 0px 8px 1px #ccc;
    padding: 10px;
    margin-bottom: 15px;
}
.vertical .step1::before, .vertical .step2::before {
    content: "\21D3";
    position: absolute;
    margin-top: 57px;
    font-size: 36px;
    color: #385d8a;
    margin-left: -10px;
}
.vertical .step1, .vertical .step2, .vertical .step3 {
    width: 100%;
    margin-top: 0px;
}
/* client */
#client{
    padding: 50px 0;
    background-image: url("../img/client-banner.png");
    background-position: center top 13%;
    background-repeat: no-repeat;
    background-size: cover;
}
#Gallery{
    padding: 50px 0;
    background-image: url("../img/banner-photo-gallery.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.gallery-images .fancybox > img{
    width: 100%;
}
.fancybox > img:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition:all 400ms ease-in 0s;
}
.fancybox > img {
    box-shadow: 0 0 2px 1px #aaa;
    margin-bottom: 30px;
    padding: 10px;
    width: 140px;
    transition:all 0.8s ease-in-out 0s;
}
#clients {
    padding: 60px 0;
}
/* case study */
#casestudy{
    padding: 50px 0;
    background-image: url("../img/case_study_banner.png");
    background-position: center top 13%;
    background-repeat: no-repeat;
    background-size: cover;
}
.case td {
    border: 1px solid #ddd;
    padding: 15px 8px;
    text-align: left;
}
.case .table-hover a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    padding: 6px 10px;
}
.case table{
    width:100%;
    border-collapse:collapse;
}
#case-study {
    padding: 50px 0 60px;
}
.case table tr:nth-child(2n) {
    background: #f5f5f5 none repeat scroll 0 0;
}
/* comparision-chart */
.comparision-chart td {
    border: 1px solid #ddd;
    padding: 15px 8px;
    text-align: center;
}
.comparision-chart .table-hover a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    padding: 6px 10px;
}
.comparision-chart table{
    width:100%;
    border-collapse:collapse;
}
.comparision-chart tr:nth-child(n+2) td:nth-child(1) {
    text-align: left;
}
.comparision-chart img {
    width: 100%;
}
.comparision-chart table {
    margin-top: 25px;
}
.comparision-chart tr:nth-child(1) td {
    font-family: 'source_sans_prosemibold';
    font-size: 17px;
}
.comparision-chart tr:nth-child(8), .comparision-chart tr:nth-child(19), .comparision-chart tr:nth-child(2) {
    background: #cccccc none repeat scroll 0 0;
}
/* download */
#download{
    padding: 50px 0;
    background-image: url("../img/download-banner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#downloads {
    padding: 30px 0 50px;
}
.article > h3 {
    font-family: 'source_sans_prosemibold';
}
.article > ul {
    padding-left: 14px;
     margin-top: 25px;
}
.article li a {
    color: #333;
}
.article a:hover {
    color: #0193de;
}
.article > h3::before {
    border: 2px solid #0193de;
    content: "";
    left: 2px;
    position: absolute;
    top: 32px;
    width: 90px;
}
.article li:nth-child(2n+1) {
    float: left;
    width: 48%;
}
.article li {
    line-height: 30px;
}
.article li:nth-child(2n) {
    float: left;
    width: 48%;
}
/* contact page */
#contacts{
    padding: 50px 0;
    background-image: url("../img/contactbanner1.jpg");
    background-position:center top 60%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px ! important;
}
.contactus .demologin {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 15px 15px 10px;
}
.contactus aside h3::before {
    border: 2px solid #0193de;
    content: "";
    left: 18px;
    position: absolute;
    top: 30px;
    width: 55px;
}
.demologin a {
    color: #0193de;
    font-family: 'source_sans_prosemibold';
}
.demologin > ul {
    padding-left: 15px;
}
.demologin li {
    line-height: 25px;
}
#contact {
    padding: 40px 0 0;
}
.contactus aside h3 {
    font-family: source_sans_prosemibold;
    margin-top: 2px;
    margin-bottom:25px;
}
.contactus .info h4 {
    color: #0193de;
    text-align: center;
    font-family: 'source_sans_prosemibold';
}
.contactus .info p {
    text-align:center;
    font-family: 'source_sans_proregular';
}
.contactus .info a{
    color:#0193de;
    font-family: 'source_sans_proregular';
}
.contact_details_row.clearfix {
    margin-top: 6px;
}
.c_detail {
    display: block;
    line-height: 28px;
}
.c_detail .c_name {
    color: #324545;
    display: inline-block;
    margin-right: 10px;
    text-transform: capitalize;
}
.c_detail .c_desc {
    color: #9ea3a3;
}
.contact_details_row .icon, .address .icon {
    background: #576162 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 26px;
    height: 60px;
    line-height: 60px;
    float:left;
    text-align: center;
    top: 5px;
    width: 60px;
    border-radius:50%;
}
.c_desc > a {
    color: #0193de;
}
.c_con .c_title {
    display: block;
    font-size: 20px;
    margin-bottom: 4px;
    text-transform: capitalize;
    font-family: 'source_sans_prosemibold';
}
.contact_details_row .c_con, .address .c_con {
    padding-left: 83px;
    position: relative;
}
.address {
    float: left;
    padding-right: 28px;
    width: 33.33%;
}
.address:last-child {
    padding-right: 0;
}
.contactdetails {
    padding-bottom: 30px;
}
.contactus {
    padding-bottom: 40px;
}
.carousel .item {
    height: 100%;
    min-height: 420px;
    width: 100%;
}
.left.carousel-control .fa {
    position: absolute;
    top: 38%;
    left: 0px;
    background: rgba(0,0,0,0.5);
    padding: 40px 10px;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
.right.carousel-control .fa {
    position: absolute;
    top: 38%;
    right: 0px;
    background: rgba(0,0,0,0.5);
    padding: 40px 10px;
}
.carousel-control{
    width:3%;
}
.carousel-indicators {
    position: absolute;
    left: 42%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: -2%;
    bottom: 40px;
}
.carousel-caption h3 {
    color: #fff;
    font-family: "source_sans_prosemibold";
    font-size: 40px;
    font-style: italic;
    padding: 0 6px 0px;
    text-align: left;
}
.carousel-caption p {
    font-family: "source_sans_proregular";
    font-size: 18px;
    margin: 0;
    padding: 0px 8px 5px;
    width: 80%;
    text-align: left;
}
.carousel-indicators li{
    padding: 6px;
    border-radius: 100%;
    margin-right: 5px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-color: #fff;
}
.carousel-caption{
    left: 0;
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding-bottom: 20px;
    bottom:0px;
    padding-top:0px;
}
.carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.carousel-caption p:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.item.slide8, .item.slide27, .item.slide2, .item.slide23, .item.slide19, .item.slide20, .item.slide15, .item.slide7{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
}
.item.slide8{
    background-image:url("../img/b.jpg");
}
.item.slide27{
    background-image:url("../img/b1.jpg");
}
.item.slide2{
    background-image:url("../img/Door-Access-Control.png");
}
.item.slide23{
    background-image:url("../img/b2.jpg");
}
.item.slide19{
    background-image:url("../img/b3.jpg");
}
.item.slide20{
    background-image:url("../img/b4.jpg");
}
.item.slide15{
    background-image:url("../img/b5.jpg");
}
.item.slide7{
    background-image:url("../img/b6.jpg");
}
#whycybernetics {
    padding:40px 0px;
      background: #f5f5f5 none repeat scroll 0 0;
}
#aboutcyber {
    background-image: url("../img/about.png");
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#BankCash{
    background-image: url("../img/111.png");
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#verticalsolution{
    background-image: url("../img/solutions.jpg");
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#whycy{
    background-image: url("../img/why.png");
    background-repeat:no-repeat;
    background-size:cover;
    padding: 50px 0;
}
#iTrack{
    background-image: url("../img/slider16.png");
    background-repeat:no-repeat;
    background-size:cover;
    padding: 50px 0;
}
.why, .whycyber {
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    display: block;
    padding: 20px;
     margin-bottom: 10px;
}
.why{
     background: rgba(0, 0, 0, 0) url("../img/1.png") repeat fixed 0 0 / cover ;
}
.why:hover, .whycyber:hover{
    box-shadow:0 2px 12px rgba(0, 0, 0, 0.25);
}
.why > h4, .whycyber > h4{
    color:#fff;
    font-family: 'source_sans_prosemibold';
}
.why > ul, .whycyber > ul {
    padding-left: 14px;
}
.why li, .why li a, .whycyber li, .whycyber li a {
    color: #fff;
    line-height:25px;
}
.whycyber{
    background-image: url("../img/banner1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 365px;
}
#topservices img {
    width: 100%;
}
.tabpanelimg img {
    width: 100%;
}
.contact.wow.animated.fadeInDown p {
    left: 72px;
    margin-bottom: 0;
    position: relative;
    top: 0;
}
.contact a .fa {
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    border-radius:100%;
    display:inline-block;
}
.ourservice.wow.animated.fadeInDown img {
    float: left;
    width: 100%;
}
.contact .fa.fa-facebook {
    background: #3B5998 none repeat scroll 0 0;
    border:2px solid #3B5998;
}
.contact .fa.fa-twitter{
    background: #0084b4 none repeat scroll 0 0;
    border:2px solid #0084b4;
}
.contact .fa.fa-linkedin {
    background: #0077B5 none repeat scroll 0 0;
    border:2px solid #0077B5;
}
.contact .fa.fa-facebook:hover {
    color: #3B5998;
    background:transparent;
    border:2px solid #3B5998;
}
.contact .fa.fa-twitter:hover{
    color: #0084b4;
    background:transparent;
    border:2px solid #0084b4;
}
.contact .fa.fa-linkedin:hover {
    color: #0077B5;
    background:transparent;
    border:2px solid #0077B5;
}
.contact a {
    color: #fff;
    margin-right:5px;
}
.virdi img {
    display: table;
    margin: 0 auto;
}
.virdi{
    position:relative;
}
.virdi h5{
    text-align:center;
}
.hidproducts .table-responsive {
    margin-top: 20px;
}
.ui-dialog .ui-widget-header {
    background: #54c7ff none repeat scroll 0 0;
}
.hidaccess ul li {
    line-height: 30px;
}
.hidaccess h4, .tab-content h3 {
    font-family: 'source_sans_prosemibold';
}
.specification button.btn {
    background: #0193de;
    color: #fff;
}
.specification button.btn:hover{
    background:#fff;
    color:#0193de;
    border:1px solid #0193de;
}
.access li:hover ul li a {
    color: #fff;
}
.access li:hover ul li a {
    color: #fff;
}
.access li:hover ul li:hover a {
    color: #0193de;
}
.hidproducts a {
    color: #0193de;
}
.hidaccess label.control-label {
    text-align: left;
}
.hidaccess .form-control{
    width:100%;
}
.empaccess {
    box-shadow: 0 1px 10px #ccc;
    margin-top: 15px;
    padding: 15px 10px 1px;
        background: #f5f5f5;
}
/*.some-info > li:first-child {
    float: right;
    width: 118px;
}
.some-info > li {
    width: 185px;
}
.some-info a:last-child {
    float: right;
}*/
.hidaccess input[type="checkbox"] {
    width: auto;
}
.accessories .fancybox img {
        margin: 0 auto 10px;
    display: table;
    width:auto;
}
.client-images h4 {
    text-align: center;
    font-family: source_sans_prosemibold;
}
.specification {
    padding-top: 40px;
}
.specification .nav.nav-tabs a .fa {
    margin-right: 10px;
}
.specification .nav.nav-tabs a {
    padding: 20px 138px 20px 138px;
    margin-right: 1px;
    color: #0193de;
}
.specification .nav.nav-tabs li.active a{
    color: #000;
}
/* Mobile Only */
@media (max-width: 767px) {
    .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.article > h3::before {
        border: 2px solid #0193de;
    content: "";
    left: 15px;
    position: absolute;
    top: 50px;
    width: 90px;
}
}

/*********************************** Mobile Media Query*************/
@media (min-width:200px) and (max-width:319px) {
.navbar{
    position: absolute;
    z-index: 999;
    width:100%;
    min-height: auto; 
    float: right;
}
 .nav li, .nav li a, .menubar #homemenu, .dropdown .dropdown-menu li, .aboutus h3, .breadcrumb{
    float:none;
}
.navbar-fixed-top button.navbar-toggle {
    margin-top: 16px;
}
.nav {
    background: #0193de;
    padding:0px;
    margin-top:0px;
}
.navbar-collapse, .navbar-fixed-top .navbar-collapse{
    padding-left:0px;
}    
.navbar-fixed-top .menubar ul li a, .nav.navbar-nav li:hover a { 
   color: #fff; 
}  
     header { 
         width: auto; 
     }    
     .navbar-fixed-top .top-header { 
         background-color:rgba(240, 240, 240, 1); 
    } 
    .top-bar, .logo-brand1, .carousel-control, .carousel-indicators, .carousel-caption p{
            display: none;
    }
     .navbar-fixed-top div#homemenu { 
         max-height: 100%; 
     }    
     .logo-brand { 
         float: left; 
         width:72%;
         margin-top:10px;
     } 
     .navbar-toggle { 
         background-color: #0193de; 
         margin-top: 11px; 
         z-index: 1; 
         margin-right: 0px;
         padding:9px 6px;
     } 
         .navbar-toggle .icon-bar { 
             background-color: #fff; 
             width: 25px; 
         } 
    .nav-pad, .contacthead { 
         padding: 0px;
     }  
    .container, .navbar-nav, .company > img, .desktoplogo, .fixedlogo, .aboutbulksms img, .comparison-chart > img, .virdi > img, .list-unstyled img, .navbar-nav > li > .dropdown-menu  { 
         width: 100%; 
    } 
    .menubar ul li a { 
         text-align: left;
        font-size: 15px;
        padding: 12px 11px;
        line-height: normal; 
     }
.footer-bottom {
    background-size: auto;
    background-position: 87% -4%;
}
.copyright a:hover, .rating a:hover {
    color: #22262a;
}
#content_section {
    padding: 10px 0 70px;
}
#content_section h2{
    font-size:18px;
    margin-bottom:15px;
}
#content_section h2::before {
    height: 25px;
    margin-left: 33px;
    margin-top: 8px;
}
#content_section h2::after {
    height: 0;
    margin-left: 9px;
    margin-top: -8px;
}
.tree_features > li{
    border-radius:200px;
    width:100%;
}
.tree_features.clearfix{
    padding-right:15px;
}
.tree_features > li:nth-of-type(2n), .ourservice li:nth-child(2n){
    margin-right:0px;
}
.leaf_icon, .tree_features > li:nth-of-type(2n) .leaf_icon, .contact.wow.animated.fadeInDown p{
    left:13px;
}
.tree_features_t{
    font-size:16px;
    text-align:center;
}
.tree_features > li:nth-child(2n) .leaf_con {
    padding-right: 0px;
}
.tree_features_d {
    height: 65px;
    text-align:center;
}
.leaf_con{
    padding-left:0px;
    padding-top:140px;
}
.centered img {
    margin-top: 0px;
}
.ourservice li{
    margin-right:6px;
}
.ourservice li a{
    width:82px;
}
.nav.navbar-nav .dropdown .dropdown-menu{
    min-width:100%;
    left:0px;
}
.nav.navbar-nav .dropdown .dropdown-menu li a{
    padding:15px 10px 0;
    width:100%;
    text-align:left;
}
.menubar ul li a{
    font-size:14px;
    color:#fff;
}   
.comparison-chart li:nth-child(2n+1), .address, .comparison-chart li:nth-child(2n), .article li:nth-child(2n+1), .article li:nth-child(2n){
    width:100%;
    padding-right:0px;
}
.client-images .fancybox > img{
    width:70px;
}
.contact_details_row .c_con{
    display:inline;
    padding-left:0px;
}
.address .c_con, .c_con .c_title{
    padding-left:70px;
}
.carousel .item{
    min-height:50px;
}
.carousel-caption h3{
    font-size:14px;
}
.carousel-caption{
    padding-left:0px;
    padding-bottom:0px;
}
 } 
@media (min-width:320px) and (max-width:767px) {
    .navbar-fixed-top .top-header {
        background-color: rgba(240, 240, 240, 1);
    }
    .navbar-fixed-top div#homemenu {
        max-height: 100%;
    }
    .navbar-fixed-top button.navbar-toggle {
        margin-top: 17px;
        right: 0px;
    }
    .navbar-fixed-top .logo-brand{
        margin-top:10px;
    }
    .logo-brand {
        float: left;
        margin-top:6px;
    }
    .navbar-toggle {
        background-color: #0193de;
            margin-top: 13px;
            margin-right: 0px;
    }
        .navbar-toggle .icon-bar {
            background-color: #fff;
            width: 25px;
        }
    .nav-pad {
        padding-left: 0px;
        padding-right:0px;
    }
.container, .list-unstyled img, .company > img, .dropdown .dropdown-menu li, .comparison-chart > img, .virdi img, .address, .article li:nth-child(2n+1), .article li:nth-child(2n) {
    width: 100%;
}
    .menubar ul li a {
        text-align: left;
        font-size: 15px;
        padding: 12px 11px;
        line-height: normal;
    }
    .menubar #homemenu, .aboutus h3, .breadcrumb {
        float: none;
    }
    .navbar{
        min-height:auto;
    }
    .socialicon .fa {
    height: 30px;
    padding: 6px;
   width: 30px;
}
.socialicon > li {
    padding-right: 4px;
}
.nav li, .nav li a{
    float:none;
    color:#fff;
}

.nav.navbar-nav .dropdown .dropdown-menu li:hover a{color:#0193de;}
.nav {
    background: #0193de;
    padding:0px;
    margin-top:6px;
    margin-bottom:0px;
}
.navbar-collapse, .navbar-fixed-top .navbar-collapse{
    padding-left:0px;
}
.navbar{
    position: absolute;
    z-index: 99;
    width:100%;
}
.footer-bottom {
    background: #0193de url("../img/footer.html");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% -4%;
}
.copyright a:hover {
    color: #22262a;
}
.contacthead {
    padding: 0;
}
.form-control:nth-child(2n+1) {
    margin-right: 11px;
}
iframe {
    margin-left: 0px;
    width: 100%;
}
.aboutus h2{
    font-size: 24px;
}
.dropdown-menu{
    min-width:100%;
}
.nav.navbar-nav li:hover a{ 
    color:#fff; 
 } 
 .nav.navbar-nav .dropdown-menu li a:hover {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #0193de;
}
.dropdown .dropdown-menu li {
    margin-left: -5px;
}
.dropdown .dropdown-menu {
    left: 0;
    min-width: 100%;
}
.list-unstyled, .unstyled{
    margin-top:0px;
}
.nav.navbar-nav .dropdown .dropdown-menu li a {
    padding: 10px 6px;
    text-align:left;
}
.tree_features > li{
    border-radius:70px;
    width:100%;
}
.tree_features > li:nth-of-type(2n){
    margin-right:0px;
}
.tree_features > li > .tree_curv, .carousel-indicators, .carousel-caption p, .some-info li:first-child {
    display:none;
}
.leaf_con{
    padding-left:130px;
}
.tree_features_t{
    font-size:16px;
}
.tree_features > li:nth-child(2n) .leaf_con {
    padding-right: 133px;
}
.centered img {
    margin-top: 30px;
}
.client-images .fancybox > img {
    width: 130px;
}
.ourservice li{
    margin-left: 4px;
    margin-right: 2px;
}
.comparison-chart li:nth-child(2n+1), .comparison-chart li:nth-child(2n){
    padding-right:0px;
    width:100%;
}
.top-header{
    padding:8px 0 11px;
}
.carousel .item {
    min-height: 150px;
}
.right.carousel-control .fa, .left.carousel-control .fa{top:26px;}
.carousel-caption{padding-bottom:10px;}
.carousel-caption h3{font-size:14px;}
/*.some-info li {
    margin-top: 4px;
    position:absolute;
    margin-left:-33px;
}*/
.some-info a {
    font-size: 11px;
}
.masterdb, .controller, .downloaddata, .rowdata{
    width:100%;
    margin-bottom:15px;
}
.part1, .part2, .part3{
    padding-right:0px;
}
.module1, .module2, .module3, .step1, .step2, .step3, .vertical li:nth-child(2n), .vertical li:nth-child(2n+1){
    width:100%;
}
.vertical .step1, .vertical .step2, .vertical .step3{
    width:90%;
}
.step1::before, .step2::before{
        margin-top: 103px;
}
.option1, .option2, .option3, .option4{
    width:46%;
        margin-right: 10px;
        margin-bottom:10px;
}
.vertical .virdi img{
    margin-bottom:15px;
}
.dropdown-submenu {
    display: none;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
}

.dropdown-submenu1 {
    display: none;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 100%;
    width: 100%;}


.logo-brand1 {
    float: left;
    margin-top: 10px;
}
section#job marquee {
    width: 77%;
}
.specification .nav.nav-tabs a{
    color:#000;
    padding:20px 100px 20px 100px;
}
.specification .nav.nav-tabs li.active{
    border-bottom:1px solid #ddd;
}
.nav.nav-tabs{
    background:#fff;
}
}
@media (min-width: 360px) and (max-width: 767px){
.navbar-fixed-top ul.nav.navbar-nav {
    margin: 0px;
}
.client-images .fancybox > img {
    width: 150px;
}
.services {
    padding: 25px 0px 30px;
}
.contacthead {
    padding-top: 35px;
}
.address {
    margin-bottom: 15px;
    padding-right: 0;
    width: 100%;
}
.comparison-chart li:nth-child(2n+1), .comparison-chart li:nth-child(2n){
    padding-right:20px;
}
.tree_features > li{
    border-radius:200px;
    width:100%;
}
.tree_features_d {
    height: 65px;
}
/*.some-info li {
    font-size: 13px;
     margin-top: -3px;
       margin-left: -10px;
    position:absolute;
}
.some-info a:last-child {
    float: left;
    margin-left: 28px;
}*/
}
@media (min-width:768px) and (max-width:1024px) {

}
@media (min-width:768px) and (max-width:991px) { 
 .footer-bottom p, .footer-bottom a {
    font-size: 14px;
}
.navbar-fixed-top .top-header {
            background-color: rgba(240, 240, 240, 1);
        }
        .navbar-fixed-top .logo-brand {
    margin-top: 7px;
}
        .navbar-fixed-top div#homemenu {
            max-height: 100%;
            padding-left:0px;
        }
        .navbar-fixed-top button.navbar-toggle {
            margin-top: 13px;
        }
  .navbar {
        min-height: auto;
        border: 0px;
    }
        .navbar-fixed-top .navbar-toggle .icon-bar, .navbar-toggle .icon-bar {
            background-color: #fff;
        }
    .container, .navbar-fixed-top .dropdown .dropdown-menu, .company > img, .dropdown-menu {
        width: 100%;
    }
    .carousel .item{
        min-height:225px;
    }
    .logo-brand img, header {
        width: auto;
    }   
       .menubar ul li a {  
           text-align: left;  
          font-size: 15px;  
          padding: 12px 11px; 
          line-height: normal;
          color:#fff;         
   } 
   .logo-brand {  
    float: left; 
margin-top:5px; 
    } 
     .nav-pad {  
          padding-left: 0px;  
         padding-right:0px;  
      }  
  .navbar-header, .menubar #homemenu, .navbar-nav, .navbar-nav > li, .nav li a {  
  float: none;  
  }  
      .navbar-collapse {  
      padding-left:0px;  
      } 
 .navbar-toggle {  
          background-color: #0193de;  
          margin-top: 13px;  
          z-index: 1;  
          display: inline-block;  
          margin-right:0px;  
      }          
  .nav {  
  background: #0193de;  
  padding: 0px;  
  margin-top: 2px;  
  }  
  .navbar{  
      position: absolute;  
      z-index: 99;  
      width:100%;  
  } 
 .navbar-collapse.collapse.in {  
  display: block !important;  
 }  
  .navbar-collapse.collapse {  
  display: none !important;  
  }  
  .logo-brand1, .carousel-indicators {
    display: none;
}
.left.carousel-control .fa, .right.carousel-control .fa{top:27%;}
.carousel-caption p{
    font-size:16px;
}
.carousel-caption h3{font-size:28px; margin-top:10px;}
.carousel-caption{padding-bottom:0px;}
.tree_features_d{
    height:65px;
}
.tree_features_t{
    font-size:18px;
}
.whycyber{
    height:389px;
}
.client-images .fancybox > img{
    width:97px;
}
.accessories .client-images .fancybox > img{
    width:auto;
}
.address {
    margin-bottom: 15px;
    padding-right: 0;
    width: 100%;
}
.virdi img, .navbar-nav > li > .dropdown-menu{
    width:100%;
}
.dropdown-submenu {
    display: none;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 100%;
    width: 466px;
}
.option1, .option2, .option3, .option4{
        height: 300px;
    margin-right: 3px;
}
.masterdb{
    width: 25%;
        margin-bottom: 20px;
        padding-bottom:20px;
}
.downloaddata, .rowdata{
    width:100%;
}
.part7 {
    width: 44%;
}
.module1, .module2, .module3{
    margin-right:9px;
}
.controller {
    width: 72%;
}
.nav.navbar-nav li:hover a {color:#fff;}
.dropdown .dropdown-menu{left:0px;}
.list-unstyled img{margin: 15px auto 0px; display:table;}
.specification .nav.nav-tabs a{
    color:#000;
    padding:20px 66px 20px 66px;
}
.specification .nav.nav-tabs li.active{
    border-bottom:1px solid #ddd;
}
.nav.nav-tabs{
    background:#fff;
}
 }
@media only screen and (min-width : 992px)  {
#homeslider { 
     height: auto;
    padding: 20px 20px 10px;
    background: #191919;
}   
.footer-bottom p, .footer-bottom a { 
     font-size: 14px; 
 }
 }
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .container{
        width:100%;
    }
    .nav li a {
    font-size: 13px;
    padding: 18px 7px 20px;
}
.logo-brand1 img:last-child {
    width: 85px;
}
.logo-brand1 img:first-child {
    width: 50px;
}
.nav.navbar-nav .dropdown-menu > li > a{
    padding:9px;
}
.nav.navbar-nav .dropdown-menu .dropdown-submenu a{
    font-size:14px;
    padding:10px;
}
.leaf_con {
    padding-left: 155px;
}
.tree_features > li:nth-child(2n) .leaf_con {
    padding-right: 184px;
}
.leaf_icon {
    height: 174px;
    line-height: 164px;
    width: 164px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}

/*new add*/
.tree_features.clearfix li:nth-child(9) {
    background-color:#607D8B;
}

.tree_features.clearfix li:nth-child(9) .tree_curv {
    background-color:#607D8B;
}

.tree_features.clearfix li:nth-child(10) {
    background-color: #ff8f00;
}

.tree_features.clearfix li:nth-child(10) .tree_curv {
    background-color: #ff8f00;
}

#imProve1{
    padding: 50px 0;
    background-image: url(../img/imProveImg/improve1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.extra1{
padding-top:30px;
}

.Policy h3::before{
    border-bottom: 3px solid #0193de;
    content: "";
    height: 32px;
    margin-left: 2px;
    margin-top:4px;
    position: absolute;
    width: 40px;
}

.Policy h3{
    color: #fff;
    font-family: 'source_sans_prosemibold';
    position: relative;
    margin-bottom: 20px;
}

.Policy ul li{
    list-style-type: none;
    line-height: 30px;
    color: #f2f2f2;
    font-family: 'source_sans_proregular';
    border-bottom: 1px dotted #5b5b5b;
}

.Policy li a{
    color: #f2f2f2;
    font-family: 'source_sans_proregular';
}

.Policy ul{
   margin-left:-38px;
}

#ppi{
    padding: 50px 0;
    background-image: url(../img/imProveImg/PrivacyPolicy.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}


/*new add*/

.nav  .dropdown-menu .dropdown-submenu li:hover > a {
    color: #0193de;
} 
.nav.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-submenu1 a:hover{
    color: #0193de;
}

.nav.navbar-nav li:hover .dropdown-menu, .nav.navbar-nav .dropdown-menu li:hover .dropdown-submenu,.nav.navbar-nav .dropdown-menu li:hover .dropdown-submenu li:hover .dropdown-submenu1 {
    display: block;
    z-index: 999;
}

.dropdown-submenu1 {
    background: #222 none repeat scroll 0 0;
    left: 100%;
    padding-left: 0;
    position: absolute;
    top:0px;
    width: 100%;
    display:none;
}
.dropdown-submenu1 > li {
    list-style-type: none;
}
.nav.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-submenu1 a {
    color: #fff;
    padding-top: 15px;
    width: 100%;
    font-size: 15px;
    padding-bottom: 2px;
    padding-left:15px;
}

.nav.navbar-nav .dropdown-menu .dropdown-submenu  .dropdown-submenu1 li:last-child a{
    padding-bottom:15px;
}

/**/

.nav.navbar-nav .dropdown-menu .dropdown-submenu a:hover {
    color: #0193de;
}


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

.dropdown-submenu1 {
    display: none;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
}

.nav li, .nav li a {
    float: none;
    color: #fff;
 }
}

/*add css for veticle solution*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
@import url(../../code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.snip1190 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 140px;
  max-width: 140px;
  max-height: 220px;
  width: 100%;
  background: #000000;
  text-align: center;
  display: inline-block;
}
figure.snip1190 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure.snip1190 img {
  opacity: 0.8;
  width: 100%;
  height: 100px;
}
figure.snip1190 figcaption {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top:70px;
}
figure.snip1190 a {
  background-color: #000;
  color: #fff;
  font-weight: 400;
  left: 0;
  right: 0;
  letter-spacing: 0px;
  margin: 0 auto;
  position: absolute;
  /*text-transform: uppercase;*/
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
figure.snip1190 a span {
  font-weight: 800;
}
figure.snip1190 p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  opacity: 0;
  font-size: 14px;
  -webkit-transform: translateY(-20%) scale(0.7);
  transform: translateY(-20%) scale(0.7);
}
figure.snip1190 .square {
  /*height: 78px;
  width: 78px;*/
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
figure.snip1190 .square:before,
figure.snip1190 .square:after,
figure.snip1190 .square div:before,
figure.snip1190 .square div:after {
  background-color: #ffffff;
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
figure.snip1190 .square:before,
figure.snip1190 .square:after {
  width: 65%;
  height: 2px;
}
figure.snip1190 .square div:before,
figure.snip1190 .square div:after {
  width: 2px;
  height: 65%;
}
figure.snip1190 .square:before,
figure.snip1190 .square div:before {
  left: 0;
  top: 0;
}
figure.snip1190 .square:after,
figure.snip1190 .square div:after {
  bottom: 0;
  right: 0;
}
figure.snip1190 a {
  /*left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  */
}
figure.snip1190:hover img,
figure.snip1190.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1190:hover a,
figure.snip1190.hover a{
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
figure.snip1190:hover p,
figure.snip1190.hover p {
  opacity: 1;
  -webkit-transform: translateY(0px) scale(1);
  transform: translateY(0px) scale(1);
}
figure.snip1190:hover .square:before,
figure.snip1190.hover .square:before {
  width: 38%;
}
figure.snip1190:hover .square div:before,
figure.snip1190.hover .square div:before {
  height: 38%;
}
figure.snip1190:hover .square:after,
figure.snip1190.hover .square:after {
  width: 55%;
}
figure.snip1190:hover .square div:after,
figure.snip1190.hover .square div:after {
  height: 55%;
}

/*add new for verticle solution*/
#aboutdetail1{
    padding: 3px 0 45px;
}